Updated

frontend/components/global/Header.vue

@@ -1,4 +1,9 @@
 <script setup lang="ts">
+
+// import
+
+import useGetAccount from "~/composables/api/account/useGetAccount";
+
 // types
 
 type NavLink = {
@@ -8,27 +13,30 @@ type NavLink = {
 
 // state
 
+const { data: account } = useGetAccount();
+const { logout } = useAuth();
+
 const nav_links = ref<NavLink[]>([
     {
-        title: "Shop",
-        path: "#",
+        title: "فروشگاه",
+        path: "#"
     },
     {
-        title: "Collections",
-        path: "#",
+        title: "دسته بندی ها",
+        path: "#"
     },
     {
-        title: "Explore",
-        path: "#",
+        title: "جستجو",
+        path: "#"
     },
     {
-        title: "Contact",
-        path: "#",
+        title: "ارتباط با ما",
+        path: "#"
     },
     {
-        title: "Theme features",
-        path: "#",
-    },
+        title: "امکانات",
+        path: "#"
+    }
 ]);
 </script>
 
@@ -37,8 +45,15 @@ const nav_links = ref<NavLink[]>([
         <div
             class="size-full flex items-center justify-between container py-[2.25rem]"
         >
-            <div class="w-2/12 flex items-center justify-start">
+            <div v-if="!!account" class="w-2/12 flex items-center justify-start">
                 <span class="size-[2rem] bg-black rounded-full"></span>
+                <button @click="() => logout(true)">
+                    خروج از وبسایت
+                </button>
+            </div>
+
+            <div v-else class="text-black">
+                KIR
             </div>
 
             <nav