Added client to call backend authentication logic

src/layouts/DefaultLayout.vue

@@ -35,12 +35,16 @@
             </svg>
           </router-link>
         </div>
+        <div v-if="user">
+            Hello, {{ user.email }}
+        </div>
         <div class="menu-right">
           <router-link :to="{ name: 'yourprofile' }">
+       
             <img src="/images/anonyme.png" class="img-small mr-2 logob rounded-full img-small" alt="Logo">
           </router-link>
-
         </div>
+        <v-btn color="red" variant="text" @click="logout()">Logout</v-btn>
       </div>
     </div>
   </nav>
@@ -50,10 +54,20 @@
   </main>
 </template>
   
-<script>
-export default {
-  name: 'App',
-};
+<script setup>
+import { useAuthStore } from '@/plugins/store/authStore';
+import { useRouter } from 'vue-router'
+
+const authStore = useAuthStore();
+const router = useRouter()
+
+
+const logout = () => {
+  authStore.logout();
+  router.push('/login');
+}
+
+const user = authStore.user;
 </script>
   
 <style>
@@ -112,4 +126,4 @@ export default {
   /* Réduire la marge entre le logo et le texte */
 
 }</style>
-  
+  @/plugins/store/authStore