generated from Seekra/repository-template
Merge pull request 'Fix(color-scheme): fix initial color scheme loading' (#171) from fix/initial-color-scheme into main
Deploy on dev / Deploy on dev (push) Successful in 35s
Deploy on dev / Deploy on dev (push) Successful in 35s
Reviewed-on: #171 Reviewed-by: Jakob Gregory
This commit was merged in pull request #171.
This commit is contained in:
+2
-1
@@ -26,7 +26,7 @@ import { useRoute } from 'vue-router';
|
|||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
|
|
||||||
const { getColorScheme, updateColorScheme } = useColorScheme();
|
const { getColorScheme, updateColorScheme } = useColorScheme();
|
||||||
const colorScheme = ref(getColorScheme());
|
const colorScheme = ref('auto');
|
||||||
provide('colorScheme', colorScheme);
|
provide('colorScheme', colorScheme);
|
||||||
watch(colorScheme, (newValue) => {
|
watch(colorScheme, (newValue) => {
|
||||||
updateColorScheme(newValue);
|
updateColorScheme(newValue);
|
||||||
@@ -46,6 +46,7 @@ watch(colorScheme, (newValue) => {
|
|||||||
document.body.classList.remove('color-scheme-auto');
|
document.body.classList.remove('color-scheme-auto');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
colorScheme.value = getColorScheme();
|
||||||
|
|
||||||
watchEffect(() => updatePageTitle(route));
|
watchEffect(() => updatePageTitle(route));
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user