feat: receive events from list and console.log

Author: renanjava

frontend/src/components/List.vue

@@ -31,10 +31,18 @@
             <button class="action-btn play-btn" @click="$emit('play', item)" title="Iniciar">
               <i class="fas fa-play"></i>
             </button>
-            <button class="action-btn edit-btn" @click="$emit('edit', item)" title="Editar">
+            <button
+              class="action-btn edit-btn"
+              @click="$emit('edit', { event: 'edit', item })"
+              title="Editar"
+            >
               <i class="fas fa-edit"></i>
             </button>
-            <button class="action-btn delete-btn" @click="$emit('delete', item)" title="Excluir">
+            <button
+              class="action-btn delete-btn"
+              @click="$emit('delete', { event: 'delete', item })"
+              title="Excluir"
+            >
               <i class="fas fa-trash"></i>
             </button>
           </div>

frontend/src/pages/ProjectsPage.vue

@@ -2,7 +2,7 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css" />
   <DefaultMain :primary-text="'Projetos'" :second-text="'Organize seu trabalho em projetos'">
     <CreateButton :name="name" />
-    <List :list="projectsList" />
+    <List :list="projectsList" @edit="CrudOperation" @delete="CrudOperation" />
   </DefaultMain>
 </template>
 
@@ -27,6 +27,11 @@ export default defineComponent({
       name: 'projeto',
     }
   },
+  methods: {
+    CrudOperation(data: Record<string, any>) {
+      console.log({ event: data.event, data: data.item })
+    },
+  },
   async created() {
     this.projectsList = await getGenericEndPoint('projects')
   },