elearning/Frontend-Learner/app.vue

<script setup>
// ดึงฟังก์ชันจัดการ Authentication
const { fetchUserProfile, isAuthenticated } = useAuth()

// เมื่อ App เริ่มทำงาน (Mounted)
// หากผู้ใช้ Login ค้างไว้ (มี Token) ให้ดึงข้อมูล Profile ล่าสุดทันที
onMounted(() => {
  if (isAuthenticated.value) {
    fetchUserProfile()
  }
})
</script>

<template>
  <!-- แสดง Loader ระหว่างเปลี่ยนหน้า หรือโหลดข้อมูล -->
  <GlobalLoader />
  
  <!-- NuxtLayout: แสดง Layout ที่กำหนดในแต่ละเพจ (default: layouts/default.vue) -->
  <NuxtLayout>
    <!-- NuxtPage: แสดงเนื้อหาของเพจปัจจุบัน (ตาม URL routng) -->
    <NuxtPage />
  </NuxtLayout>
</template>