elearning/Frontend-Learner/layouts/auth.vue

<script setup lang="ts">
const $q = useQuasar()

// บังคับให้หน้า Auth เคลียร์ Dark Mode ของระบบทิ้ง
useHead({
  htmlAttrs: {
    class: 'light',
    style: 'background-color: #ffffff'
  },
  bodyAttrs: {
    class: 'light',
    style: 'background-color: #ffffff'
  }
})

onMounted(() => {
  $q.dark.set(false)
})
</script>

<template>
  <!-- Auth Shell: Wrapper for authentication pages (Login, Register, etc.) -->
  <div class="auth-shell bg-white w-full min-h-screen">
    <slot />
  </div>
</template>