Move to appConfig, Vuetify 3

composables/useCustomTheme.ts

@@ -0,0 +1,18 @@
+import { useDark, useToggle } from '@vueuse/core'
+
+export function useCustomTheme() {
+  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 }
+}