Migrate to Nuxt 3 and Vuetify 3

plugins/vuetify.ts

@@ -0,0 +1,57 @@
+import { createVuetify, ThemeDefinition  } from 'vuetify'
+import * as components from 'vuetify/components'
+import * as directives from 'vuetify/directives'
+import '@mdi/font/css/materialdesignicons.css'
+
+const myCustomDarkTheme: ThemeDefinition = {
+  dark: true,
+  colors: {
+    background: '#0A192F',
+    backgroundSecondary: '#112240',
+    primary: '#64FFDA',
+    /* accent: colors.grey.darken3,
+    secondary: colors.amber.darken3,
+    info: colors.teal.lighten1,
+    warning: colors.amber.base,
+    error: colors.deepOrange.accent4,
+    success: colors.green.accent3 */
+  }
+  // Bert
+  /* dark: {
+    background: '#0B0C10',
+    primary: '#66FCF1',
+    accent: colors.grey.darken3,
+    secondary: colors.amber.darken3,
+    info: colors.teal.lighten1,
+    warning: colors.amber.base,
+    error: colors.deepOrange.accent4,
+    success: colors.green.accent3,
+  },
+  // Nuxt Default
+  dark: {
+    primary: colors.blue.darken2,
+    accent: colors.grey.darken3,
+    secondary: colors.amber.darken3,
+    info: colors.teal.lighten1,
+    warning: colors.amber.base,
+    error: colors.deepOrange.accent4,
+    success: colors.green.accent3,
+  }, */
+}
+
+export default defineNuxtPlugin(nuxtApp => {
+  const vuetify = createVuetify({
+    components,
+    directives,
+    theme: {
+      // customVariables: ['~/assets/variables.scss'],
+      defaultTheme: 'myCustomDarkTheme',
+      // options: { customProperties: true },
+      themes: {
+        myCustomDarkTheme,
+      }
+    }
+  })
+
+  nuxtApp.vueApp.use(vuetify)
+})