chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

feat: theme local storage

Browse source
This commit is contained in:
puriphatt 2024-06-26 06:45:28 +00:00
parent d91c735b2d
commit 8358f5fcfb
2 changed files with 5 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/ProfileMenu.vue
View file

@ -68,9 +68,11 @@ watch(
if ($q.dark.isActive) { if ($q.dark.isActive) {
themeMode.value[1].isActive = true; themeMode.value[1].isActive = true;
themeMode.value[0].isActive = false; themeMode.value[0].isActive = false;
localStorage.setItem('currentTheme', 'dark');
} else { } else {
themeMode.value[0].isActive = true; themeMode.value[0].isActive = true;
themeMode.value[1].isActive = false; themeMode.value[1].isActive = false;
localStorage.setItem('currentTheme', 'light');
} }
}, },
); );

3
src/layouts/MainLayout.vue
View file

@ -149,6 +149,9 @@ onMounted(async () => {
setLocale('th'); setLocale('th');
} }
const getCurTheme = localStorage.getItem('currentTheme');
if (getCurTheme === 'dark') $q.dark.toggle();
const resultOption = await fetch('/option/option.json'); const resultOption = await fetch('/option/option.json');
rawOption.value = await resultOption.json(); rawOption.value = await resultOption.json();
if (locale.value === 'en-US') optionStore.globalOption = rawOption.value.eng; if (locale.value === 'en-US') optionStore.globalOption = rawOption.value.eng;