fix: align vuetify and i18n config with upgraded toolchain

nuxt.config.ts

@@ -56,6 +56,10 @@ export default defineNuxtConfig({
     }
   ],
   i18n: {
-    vueI18n: './i18n.config.ts'
+    restructureDir: false,
+    vueI18n: './i18n.config.ts',
+    bundle: {
+      optimizeTranslationDirective: false,
+    },
   }
 })

plugins/vuetify.ts

@@ -1,12 +1,11 @@
-import { createVuetify, ThemeDefinition  } from 'vuetify'
+import { createVuetify } from 'vuetify'
+import type { ThemeDefinition } from 'vuetify'
 import * as components from 'vuetify/components'
 import * as directives from 'vuetify/directives'
 import { md3 } from 'vuetify/blueprints'
 import '@mdi/font/css/materialdesignicons.css'
 import { mdi } from 'vuetify/iconsets/mdi'
 import { brands } from '~/iconsets/brands'
-// @ts-expect-error Missing type definitions
-import colors from 'vuetify/lib/util/colors'
 
 const myCustomDarkTheme: ThemeDefinition = {
   dark: true,
@@ -71,4 +70,4 @@ export default defineNuxtPlugin(nuxtApp => {
   })
 
   nuxtApp.vueApp.use(vuetify)
-})
+})