feat: Scaffold new Nuxt.js application with initial pages, layouts, composables, and middleware.

Frontend-Learner/layouts/default.vue

@@ -1,23 +1,23 @@
 <script setup lang="ts">
 /**
  * @file default.vue
- * @description Default application layout for authenticated users.
- * Includes the AppHeader and MobileNav.
+ * @description Layout หลักสำหรับหน้าเว็บของผู้ใช้ (Authenticated Users)
+ * ประกอบด้วย Header (Navbar) และ Mobile Navigation
  */
 </script>
 
 <template>
-  <!-- App Shell: Main container with global background and text color -->
+  <!-- App Shell: คอนเทนเนอร์หลักของแอปพลิเคชัน -->
   <div class="app-shell min-h-screen transition-colors duration-200">
-    <!-- Header -->
+    <!-- Header: แถบเมนูด้านบน -->
     <AppHeader />
 
-    <!-- Main Content Area -->
+    <!-- Main Content Area: ส่วนแสดงเนื้อหาหลัก -->
     <main class="app-main">
       <slot />
     </main>
 
-    <!-- Mobile Bottom Navigation (Visible only on small screens) -->
+    <!-- Mobile Bottom Navigation: แถบเมนูด้านล่าง (แสดงเฉพาะมือถือ) -->
     <MobileNav />
   </div>
 </template>