Agregado toggle light/dark en header

- Composables/useTheme.ts con VueUse (useDark + useToggle) - Persiste preferencia en localStorage ('alpha-theme') - Botón ghost size=icon en el header con iconos sol/luna - Toggle class 'dark' en <html>
2026-05-22 23:01:17 -05:00
parent 28856e2149
commit ef11820194
2 changed files with 30 additions and 0 deletions
@@ -0,0 +1,11 @@
+import { useDark, useToggle } from '@vueuse/core'
+
+export const isDark = useDark({
+  selector: 'html',
+  attribute: 'class',
+  valueDark: 'dark',
+  valueLight: 'light',
+  storageKey: 'alpha-theme',
+})
+
+export const toggleTheme = useToggle(isDark)