Migrate to Nuxt 3 and Vuetify 3

nuxt.config.ts

@@ -0,0 +1,55 @@
+import vuetify from 'vite-plugin-vuetify'
+
+// https://v3.nuxtjs.org/api/configuration/nuxt.config
+export default defineNuxtConfig({
+  ssr: false,
+
+  css: ['vuetify/styles'],
+
+  vite: {
+    ssr: {
+      noExternal: ['vuetify'] // add the vuetify vite plugin
+    }
+  },
+
+  build: {
+    transpile: ['vuetify']
+  },
+
+  publicRuntimeConfig: {
+    axios: {
+      baseURL: '/',
+    },
+  },
+
+  app: {
+    head: {
+      titleTemplate: '%s | Home',
+      title: 'Manuel',
+      htmlAttrs: {
+        lang: 'en',
+      },
+      meta: [
+        { charset: 'utf-8' },
+        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+        { hid: 'description', name: 'description', content: '' },
+        { name: 'format-detection', content: 'telephone=no' },
+      ],
+      link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
+    }
+  },
+
+  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
+  plugins: [],
+
+  // Modules: https://go.nuxtjs.dev/config-modules
+  modules: [
+    // https://go.nuxtjs.dev/axios
+    // ['@nuxtjs/axios', { proxyHeaders: false }],
+    // this adds the vuetify vite plugin
+    // also produces type errors in the current beta release
+    async (options, nuxt) => {
+      nuxt.hooks.hook('vite:extendConfig', config => config.plugins.push(vuetify()))
+    }
+  ]
+})