card actions

src/pages/IndexPage.vue

@@ -20,15 +20,18 @@
               Compartido con:
               <span v-if="!lista.profiles || lista.profiles.length === 0">Nadie</span>
               <span v-for="(profile, index) in lista.profiles" :key="index">
-                {{ profile.email }}
+                <br>- {{ profile.email }} <q-icon name="delete" @click="console.log(profile.email)"
+                  class="cursor-pointer" />
               </span>
             </q-card-section>
 
             <q-separator dark />
 
             <q-card-actions>
-              <q-btn flat>Action 1</q-btn>
-              <q-btn flat>Action 2</q-btn>
+              <q-btn flat>Editar</q-btn>
+              <q-btn flat>Compartir</q-btn>
+              <q-space></q-space>
+              <q-btn class="bg-negative q-mr-md" flat>Borrar</q-btn>
             </q-card-actions>
           </q-card>
         </div>
@@ -40,14 +43,15 @@
       </template>
     </q-infinite-scroll>
   </div>
-  <q-dialog v-model="dialogChangeNameList" persistent>
+  <q-dialog v-model="dialogChangeNameList" persistent enterConfirm>
     <q-card style="min-width: 350px">
       <q-card-section>
         <div class="text-h6">Nuevo nombre</div>
       </q-card-section>
 
       <q-card-section class="q-pt-none">
-        <q-input dense v-model="newNameList" autofocus @keyup.enter="dialogChangeNameList = false" />
+        <q-input dense v-model="newNameList" autofocus
+          @keyup.enter="changeNameList(lista_id); dialogChangeNameList = false" />
       </q-card-section>
 
       <q-card-actions align="right" class="text-primary">
@@ -126,6 +130,7 @@ const changeNameList = async (id) => {
 const openDialogChangeNameList = (id) => {
   dialogChangeNameList.value = true
   lista_id.value = id
+  newNameList.value = ''
 }
 
 onMounted(() => {