Move appearance ref definition outside useAppearance() (#129)

nckrtl · web-flow · commit 431ba934a2f8 · 2025-06-05T14:37:35.000-05:00
diff --git a/resources/js/composables/useAppearance.ts b/resources/js/composables/useAppearance.ts
@@ -62,9 +62,9 @@ export function initializeTheme() {
     mediaQuery()?.addEventListener('change', handleSystemThemeChange);
 }
 
-export function useAppearance() {
-    const appearance = ref<Appearance>('system');
+const appearance = ref<Appearance>('system');
 
+export function useAppearance() {
     onMounted(() => {
         const savedAppearance = localStorage.getItem('appearance') as Appearance | null;
 

Original file line number	Diff line number	Diff line change
`@@ -62,9 +62,9 @@ export function initializeTheme() {`
`62`	`62`	`mediaQuery()?.addEventListener('change', handleSystemThemeChange);`
`63`	`63`	`}`
`64`	`64`
`65`		`-export function useAppearance() {`
`66`		`- const appearance = ref<Appearance>('system');`
	`65`	`+const appearance = ref<Appearance>('system');`
`67`	`66`
	`67`	`+export function useAppearance() {`
`68`	`68`	`onMounted(() => {`
`69`	`69`	`const savedAppearance = localStorage.getItem('appearance') as Appearance \| null;`
`70`	`70`