From aef30776f4ba16a190a1dcb541fe5c4b8e984d68 Mon Sep 17 00:00:00 2001
From: joycitta-siqueira <joycitta@gmail.com>
Date: Sat, 26 Mar 2022 20:04:12 -0300
Subject: [PATCH] Items in cards

---
 src/pages/ItemsList.vue | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/pages/ItemsList.vue b/src/pages/ItemsList.vue
index ff788d6..3dc66b8 100644
--- a/src/pages/ItemsList.vue
+++ b/src/pages/ItemsList.vue
@@ -6,10 +6,11 @@
     message="Carregando..."
     >
     </ion-loading>
-    <ion-item v-for="item of collectionsStore.items" :key="item.id">
-        <ion-label v-if="item.title"> {{ item.title }} </ion-label>
-        <ion-label v-else>Item não possui título</ion-label>
-    </ion-item>
+    <ion-card v-for="item of collectionsStore.items" :key="item.id">
+        <ion-card-title v-if="item.title"> {{ item.title }} </ion-card-title>
+        <ion-card-title v-else>Item não possui título</ion-card-title>
+        <ion-card-content></ion-card-content>
+    </ion-card>
     </base-layout>
 </template>
 
@@ -18,16 +19,14 @@ import {
     useCollectionsStore
 } from '../store/storeCollections';
 import {
-    IonItem,
-    IonLabel,
+    IonCard,
     IonLoading,
 } from '@ionic/vue';
 import BaseLayout from '@/components/base/BaseLayout.vue';
 import { ref } from 'vue';
 export default {
     components: {
-        IonItem,
-        IonLabel,
+        IonCard,
         IonLoading,
         BaseLayout
     },