feat: persistent theme selection fallback to prefered theme

src/stores/style.store.ts

@@ -1,5 +1,13 @@
+import { useStorage, usePreferredDark } from '@vueuse/core';
 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>,
+    };
+  },
+});