fix: persist dark mode across refresh

This commit is contained in:
supalerk-ar66 2026-01-23 13:27:19 +07:00
parent 5d6cab229f
commit 73a4ea6562
2 changed files with 11 additions and 1 deletions

View file

@ -3,11 +3,19 @@
const { fetchUserProfile, isAuthenticated } = useAuth()
// App (Mounted)
// Login ( Token) Profile
onMounted(() => {
// 1. Login ( Token) Profile
if (isAuthenticated.value) {
fetchUserProfile()
}
// 2. Theme (Dark/Light) LocalStorage
const savedTheme = localStorage.getItem('theme')
if (savedTheme === 'dark' || (!savedTheme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark')
} else {
document.documentElement.classList.remove('dark')
}
})
</script>