create logout

src/layouts/MainLayout.vue

@@ -18,7 +18,22 @@
             fit="contain"
             :ratio="16 / 9"
         /></q-toolbar-title>
-        <q-btn flat round dense icon="mdi-account-circle-outline" />
+        <q-space></q-space>
+        <q-btn flat round icon="mdi-account-circle-outline">
+          <q-menu auto-close :offset="[110, 0]">
+            <q-list style="min-width: 150px">
+              <q-item
+                clickable
+                @click="$store.dispatch('authentication/logOut')"
+              >
+                <q-item-section>Đăng xuất</q-item-section>
+                <q-item-section avatar>
+                  <q-icon name="mdi-logout-variant" />
+                </q-item-section>
+              </q-item>
+            </q-list>
+          </q-menu>
+        </q-btn>
       </q-toolbar>
     </q-header>
 

src/pages/Index.vue

 <template>
   <q-page class="row items-center justify-evenly">
-    <q-btn color="primary" @click="$store.dispatch('authentication/logOut')"
+    <!-- <q-btn color="primary" @click="$store.dispatch('authentication/logOut')"
       >Logout</q-btn
-    >
+    > -->
   </q-page>
 </template>