feat: persistent theme selection fallback to prefered theme

This commit is contained in:
Corentin Thomasset 2022-04-04 17:27:34 +02:00
parent d542688664
commit 40e9af06cf
No known key found for this signature in database
GPG key ID: 3103EB5E79496F9C

View file

@ -1,5 +1,13 @@
import { useStorage, usePreferredDark } from '@vueuse/core';
import { defineStore } from 'pinia'; import { defineStore } from 'pinia';
import type { Ref } from 'vue';
export const useStyleStore = defineStore('style', () => ({ export const useStyleStore = defineStore('style', {
isDarkTheme: true, state: () => {
})); const isDark = usePreferredDark();
return {
isDarkTheme: useStorage('useDarkTheme', isDark) as Ref<boolean>,
};
},
});