items

src/pages/IndexPage.vue

@@ -6,6 +6,11 @@
           <q-card class="my-card text-white"
             :class="store.user?.email === lista.email_owner ? 'bg-secondary' : 'bg-green-7'">
             <q-card-section>
+              <q-badge color="orange" class="text-subtitle2" floating trasparent>{{ lista.items.filter(i =>
+                !i.is_done).length
+                }}/{{
+                  lista.items.length
+                }}</q-badge>
               <div class="text-h5">{{ lista.nombre }}</div>
               <div class="text-subtitle1">{{ lista.email_owner }}</div>
             </q-card-section>
@@ -52,7 +57,7 @@ const getListas = async () => {
   try {
     let { data: listas, error } = await supabase
       .from('listas')
-      .select(`*, profiles(*)`)
+      .select(`*, profiles(*),items(is_done)`)
     if (error) throw error
     console.log('listas', listas)
     arraylistas = listas