From 2abfd38dd7b11ca3ca877e36a3489c6393b67a15 Mon Sep 17 00:00:00 2001
From: clonbg <clonbg@gmail.com>
Date: Thu, 14 Aug 2025 16:37:52 +0200
Subject: [PATCH] Add list view component to homepage

---
 app/pages/index.vue | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/app/pages/index.vue b/app/pages/index.vue
index d7f0d4c..6d09152 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -3,6 +3,32 @@
         class="fill-height d-flex flex-column align-center justify-center text-center"
     >
         <div class="mt-3">My Application's Home Page</div>
+        <v-card
+            class="mx-auto"
+            v-if="listasStore.listas.length > 0"
+            min-width="50vw"
+        >
+            <v-list-item
+                class="text-pink-lighten-1 bg-teal-lighten-4"
+                v-for="lista in listasStore.listas"
+                :key="lista.id"
+                :subtitle="lista.descripcion"
+                :title="lista.name"
+            >
+                <template v-slot:prepend>
+                    <v-avatar color="grey-lighten-1">
+                        <v-icon color="white">mdi-account</v-icon>
+                    </v-avatar>
+                </template>
+
+                <template v-slot:append>
+                    <v-btn
+                        color="grey-lighten-1"
+                        icon="mdi-information"
+                        variant="text"
+                    ></v-btn>
+                </template> </v-list-item
+        ></v-card>
         <div>
             {{ listasStore.listas }}
             {{ data }}