no longer use i18n for messages

app/components/web-header.vue

@@ -4,14 +4,14 @@
             <div class="container flex justify-between">
                 <div class="row w-fit items-center">
                     <div class="row flex">
-                        <img width="48" height="48" src="/favicon.ico" alt="*nix" class="text-2xl mr-4"></img>
+                        <img width="48" height="48" src="/logo.svg" alt="*nix" class="text-2xl mr-4"></img>
                         <img width="124" height="20" src="/wordmark.svg" alt="in Thailand" class="text-2xl my-[13px]"></img>
                     </div>
                 </div>
                 <div class="hidden sm:flex w-fit items-center justify-end">
                     <div class="row">
                         <UFieldGroup>
-                            <UButton size="sm" :label="t('sites.join-discord')" to="https://discord.gg/p5wuX5GwB7" icon="i-lucide-users" />
+                            <UButton size="sm" label="เข้าร่วม Discord" to="https://discord.gg/p5wuX5GwB7" icon="i-lucide-users" />
                             <UDropdownMenu
                                 size="sm"
                                 :items="siteTitleItems"
@@ -24,7 +24,7 @@
                                     content: 'w-36'
                                 }"
                             >
-                                <UButton size="sm" :label="t('sites.all')" icon="i-lucide-map" color="neutral" variant="outline" />
+                                <UButton size="sm" label="บริการของ unix.in.th" icon="i-lucide-map" color="neutral" variant="outline" />
                             </UDropdownMenu>
                         </UFieldGroup>
                     </div>
@@ -36,43 +36,65 @@
                 <div class="hidden sm:flex">
                     <ul class="nav navbar-nav">
                         <li class="nav-link">
-                            <NuxtLinkLocale href="/">{{ t('nav.home') }}</NuxtLinkLocale>
+                            <NuxtLink href="/">หน้าหลัก</NuxtLink>
                         </li>
                         <li class="nav-link">
-                            <NuxtLinkLocale href="/about">{{ t('nav.about') }}</NuxtLinkLocale>
+                            <NuxtLink href="/about">เกี่ยวกับ</NuxtLink>
                         </li>
                         <li class="nav-link">
-                            <NuxtLinkLocale href="/contact">{{ t('nav.contact') }}</NuxtLinkLocale>
+                            <NuxtLink href="/contact">ติดต่อ</NuxtLink>
                         </li>
                     </ul>
                 </div>
             </div>
         </nav>
+        <nav v-if="mobileNavbar">
+            <div class="hidden sm:flex">
+                <ul class="nav navbar-nav">
+                    <li class="nav-link">
+                        <NuxtLinkLocale href="/">หน้าหลัก</NuxtLinkLocale>
+                    </li>
+                    <li class="nav-link">
+                        <NuxtLinkLocale href="/about">เกี่ยวกับ</NuxtLinkLocale>
+                    </li>
+                    <li class="nav-link">
+                        <NuxtLinkLocale href="/contact">ติดต่อ</NuxtLinkLocale>
+                    </li>
+                </ul>
+            </div>
+        </nav>
     </header>
 </template>
 
 <script lang="ts" setup>
-const { t } = useI18n();
 const siteTitleItems = ref<DropdownMenuItem[]>([
   {
-    label: t('sites.wiki'),
+    label: 'วิกิ',
     icon: 'i-lucide-book-open-text',
     to: 'https://wiki.unix.in.th'
   },
   {
-    label: t('sites.identity'),
+    label: 'ระบบบัญชี',
     icon: 'i-lucide-user',
     to: 'https://identity.unix.in.th'
   },
   {
-    label: t('sites.forum'),
+    label: 'ลานประชาคม',
     icon: 'i-lucide-messages-square',
     to: 'https://forum.unix.in.th'
   },
   {
-    label: t('sites.status'),
+    label: 'สถานะ',
     icon: 'i-lucide-activity',
     to: 'https://status.unix.in.th'
   },
 ])
+
+const mobileNavbar = ref(false);
+function toggleMobileNavbar() {
+    mobileNavbar.value = !mobileNavbar.value
+}
+function closeMobileNavbar() {
+    mobileNavbar.value = false
+}
 </script>