🎉 Initial Commit

app/composables/useCustomTheme.ts

@@ -0,0 +1,22 @@
+import { useDark, useToggle } from "@vueuse/core"
+
+// composables/useCustomTheme.ts
+export function useCustomTheme(): {
+  isDark: WritableComputedRef<boolean, boolean>
+  toggle: (value?: boolean | undefined) => boolean
+} {
+  const { $vuetify } = useNuxtApp()
+
+  const isDark = useDark({
+    valueDark: "dark",
+    valueLight: "light",
+    initialValue: "light",
+    onChanged: (dark: boolean) => {
+      $vuetify.theme.global.name.value = dark ? "dark" : "light"
+    }
+  })
+
+  const toggle = useToggle(isDark)
+
+  return { isDark, toggle }
+}