Add list view component to homepage

app/components/NavBar.vue

@@ -32,6 +32,7 @@
 
     <v-navigation-drawer v-model="drawer" temporary>
         <v-list-item
+            class="ma-4 ml-8"
             :prepend-avatar="data && data.image ? data.image : ''"
             :title="data && data.name ? data.name : ''"
         ></v-list-item>

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 }}