fix logout action

layouts/admin.vue

@@ -5,20 +5,32 @@
       <NuxtLink to="/admin/cooperativas"> Administrar cooperativas </NuxtLink>
       <NuxtLink to="/admin/importar"> Alta de cooperativas por .csv </NuxtLink>
       <NuxtLink to="/admin/estadisticas"> Estadísticas </NuxtLink>
-      <NuxtLink to="/" @click="logout">Cerrar sesión</NuxtLink>
+      <button @click="handleLogout" class="logout-link">Cerrar sesión</button>
+      <!-- <NuxtLink to="/" @click="handleLogout">Cerrar sesión</NuxtLink> -->
     </div>
     <NuxtPage />
   </div>
 </template>
 
 <script>
+import { useAuthStore } from '@/stores/auth'
 import { mapActions } from 'pinia'
 export default {
-
+  setup() {
+    const auth = useAuthStore();
+    return {
+      auth,
+    }
+  },
   methods: {
-    ...mapActions('auth', ['logout']),
-    async logout() {
-      await this.logout()
+    ...mapActions(useAuthStore, ['logout']),
+    async handleLogout() {
+      try {
+        await this.logout()
+        this.$router.push('/')
+      } catch (error) {
+        console.error('Error logging out:', error)
+      }
     },
   },
 }