feat: Implement core user profile, dashboard, course browsing pages, common components, and internationalization.

Frontend-Learner/components/common/AppSidebar.vue

@@ -9,33 +9,35 @@ const route = useRoute();
 const { isAuthenticated } = useAuth(); // Optional if you need auth state
 const isSidebarOpen = defineModel<boolean>("open"); // Controlled by layout
 
-const navItems = [
+const { t } = useI18n()
+
+const navItems = computed(() => [
   {
     to: "/dashboard",
-    label: "ภาพรวม",
+    label: t('sidebar.overview'),
     icon: "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z",
   },
   {
     to: "/dashboard/my-courses",
-    label: "คอร์สของฉัน",
+    label: t('sidebar.myCourses'),
     icon: "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253",
   },
   {
     to: "/browse/discovery",
-    label: "ค้นหาคอร์ส",
+    label: t('sidebar.browseCourses'),
     icon: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",
   },
   {
     to: "/dashboard/announcements",
-    label: "ข่าวประกาศ",
+    label: t('sidebar.announcements'),
     icon: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9",
   },
   {
     to: "/dashboard/profile",
-    label: "บัญชีผู้ใช้",
+    label: t('sidebar.profile'),
     icon: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z",
   },
-];
+]);
 
 const isActive = (path: string) => {
   if (path === "/dashboard") return route.path === "/dashboard";

Frontend-Learner/components/common/LandingHeader.vue

@@ -47,13 +47,13 @@ onMounted(() => {
           <ul class="flex items-center gap-8 text-sm font-bold">
             <li>
               <NuxtLink to="/browse" class="text-slate-400 hover:text-white transition-colors relative group">
-                คอร์สทั้งหมด
+                {{ $t('landing.allCourses') }}
                 <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-blue-600 transition-all group-hover:w-full"/>
               </NuxtLink>
             </li>
             <li>
               <NuxtLink to="/browse/discovery" class="text-slate-400 hover:text-white transition-colors relative group">
-                ค้นพบ
+                {{ $t('landing.discovery') }}
                 <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-blue-600 transition-all group-hover:w-full"/>
               </NuxtLink>
             </li>
@@ -66,14 +66,14 @@ onMounted(() => {
       -->
       <div class="flex items-center gap-4">
         <template v-if="!isAuthenticated">
-          <NuxtLink to="/auth/login" class="text-sm font-bold text-slate-300 hover:text-white px-4 py-2 transition-colors">เข้าสู่ระบบ</NuxtLink>
+          <NuxtLink to="/auth/login" class="text-sm font-bold text-slate-300 hover:text-white px-4 py-2 transition-colors">{{ $t('auth.login') }}</NuxtLink>
           <NuxtLink to="/auth/register" class="btn-primary-premium shadow-lg shadow-blue-600/20">
-            เริ่มต้นใช้งาน
+            {{ $t('auth.getStarted') }}
           </NuxtLink>
         </template>
         <template v-else>
           <NuxtLink to="/dashboard" class="btn-primary-premium shadow-lg shadow-blue-600/20">
-             เข้าสู่หน้าจัดการเรียน
+             {{ $t('landing.goToDashboard') }}
           </NuxtLink>
         </template>
       </div>