elearning/Frontend-Learner/app.vue

23 lines
922 B
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>