Imports missing components

src/components/ItemList.vue

@@ -21,6 +21,9 @@ import {
 import {
     IonCard,
     IonLoading,
+    IonImg,
+    IonCardTitle,
+    IonCardContent
 } from '@ionic/vue';
 
 import { ref } from 'vue';
@@ -28,6 +31,9 @@ export default {
     components: {
         IonCard,
         IonLoading,
+        IonImg,
+        IonCardTitle,
+        IonCardContent
     },
     setup() {
         const isOpenRef = ref(false);

src/components/base/BaseLayout.vue

@@ -39,6 +39,7 @@ import {
     IonTitle,
     IonContent,
     IonBackButton,
+    IonButton,
     IonButtons,
     IonImg,
 } from '@ionic/vue';
@@ -52,6 +53,7 @@ export default {
         IonToolbar,
         IonTitle,
         IonContent,
+        IonButton,
         IonBackButton,
         IonButtons,
         IonImg,

src/pages/ColletionsFull.vue

@@ -16,6 +16,7 @@
 <script>
 import BaseCollectionList from '@/components/CollectionList.vue';
 import BaseLayout from '@/components/base/BaseLayout.vue';
+import { IonLoading, IonToolbar, IonLabel } from '@ionic/vue';
 
 import {
     useCollectionsStore
@@ -27,6 +28,9 @@ export default {
     components: {
         BaseCollectionList,
         BaseLayout,
+        IonLoading,
+        IonToolbar,
+        IonLabel
     },
     setup() {
         const isOpenRef = ref(false);

src/pages/HomeView.vue

@@ -33,8 +33,10 @@ import {
 } from '../store/storeCollection';
 
 import {
+    IonToolbar,
     IonLabel,
     IonButton,
+    IonLoading
 } from '@ionic/vue';
 
 import { ref } from 'vue';
@@ -44,8 +46,10 @@ export default {
         BaseCollectionList,
         BaseItemList,
         BaseLayout,
+        IonToolbar,
         IonLabel,
         IonButton,
+        IonLoading
     },
     setup() {
         const isOpenRef = ref(false);

src/pages/ItemsByCollection.vue

@@ -23,6 +23,9 @@ import {
 import {
     IonCard,
     IonLoading,
+    IonCardTitle,
+    IonCardContent,
+    IonImg
 } from '@ionic/vue';
 import BaseLayout from '@/components/base/BaseLayout.vue';
 import { ref } from 'vue';
@@ -30,7 +33,10 @@ export default {
     components: {
         IonCard,
         IonLoading,
-        BaseLayout
+        BaseLayout,
+        IonCardTitle,
+        IonCardContent,
+        IonImg
     },
     setup() {
         const isOpenRef = ref(false);

src/pages/ItemsFull.vue

@@ -23,6 +23,9 @@ import {
 import {
     IonCard,
     IonLoading,
+    IonCardTitle,
+    IonCardContent,
+    IonImg
 } from '@ionic/vue';
 import BaseLayout from '@/components/base/BaseLayout.vue';
 import { ref } from 'vue';
@@ -30,7 +33,10 @@ export default {
     components: {
         IonCard,
         IonLoading,
-        BaseLayout
+        BaseLayout,
+        IonCardTitle,
+        IonCardContent,
+        IonImg
     },
     setup() {
         const isOpenRef = ref(false);