From ce1bbfc4a943b565d28beb27f2e2cec0a7134d83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joaqu=C3=ADn=20S=C3=A1nchez?= <userquin@gmail.com>
Date: Sun, 2 Jul 2023 22:00:51 +0200
Subject: [PATCH] feat: add i18n support (#2)

* feat: add i18n support

* chore: typo in favourite i18n message

* chore: remove async

* chore: refactor i18n conf and plugin

* chore: remove `vueI18n` from nuxt i18n entry

* chore: include single and multiple locale files

* chore: single es-* json files with wrong content

* chore(docs): add i18n support section

* chore(docs): add emoji to i18n support section

* chore: update `createProvideFunction`

* chore: cleanup
---
 .eslintignore                                 |   1 -
 .npmrc                                        |   3 +-
 README.md                                     |  13 +
 package.json                                  |  19 +-
 patches/@nuxtjs__i18n@8.0.0-beta.12.patch     |  13 +
 playground/config/i18n.config.mts             |  12 +
 playground/config/i18n.ts                     |  89 +++++
 playground/layouts/default.vue                |  16 +-
 playground/locales/multiple/en-GB.json        |   3 +
 playground/locales/multiple/en-US.json        |   3 +
 playground/locales/multiple/en.json           |   3 +
 playground/locales/multiple/es-419.json       |   1 +
 playground/locales/multiple/es-ES.json        |   1 +
 playground/locales/multiple/es.json           |   3 +
 playground/locales/single/en-GB.json          |   3 +
 playground/locales/single/en-US.json          |   3 +
 playground/locales/single/es-419.json         |   3 +
 playground/locales/single/es-ES.json          |   3 +
 .../{nuxt.config.ts => nuxt.config.mts}       |  19 +-
 playground/package.json                       |   3 +
 playground/pages/index.vue                    |  31 +-
 pnpm-lock.yaml                                | 342 ++++++++++++++++++
 src/module.ts                                 |  22 +-
 src/runtime/plugins/i18n.ts                   | 198 ++++++++++
 src/runtime/plugins/vuetify-i18n.mts          |   9 +
 .../plugin.mts => plugins/vuetify.mts}        |   2 +-
 src/types.ts                                  |   3 +-
 27 files changed, 790 insertions(+), 31 deletions(-)
 create mode 100644 patches/@nuxtjs__i18n@8.0.0-beta.12.patch
 create mode 100644 playground/config/i18n.config.mts
 create mode 100644 playground/config/i18n.ts
 create mode 100644 playground/locales/multiple/en-GB.json
 create mode 100644 playground/locales/multiple/en-US.json
 create mode 100644 playground/locales/multiple/en.json
 create mode 100644 playground/locales/multiple/es-419.json
 create mode 100644 playground/locales/multiple/es-ES.json
 create mode 100644 playground/locales/multiple/es.json
 create mode 100644 playground/locales/single/en-GB.json
 create mode 100644 playground/locales/single/en-US.json
 create mode 100644 playground/locales/single/es-419.json
 create mode 100644 playground/locales/single/es-ES.json
 rename playground/{nuxt.config.ts => nuxt.config.mts} (70%)
 create mode 100644 src/runtime/plugins/i18n.ts
 create mode 100644 src/runtime/plugins/vuetify-i18n.mts
 rename src/runtime/{templates/plugin.mts => plugins/vuetify.mts} (92%)

diff --git a/.eslintignore b/.eslintignore
index 381cb01..de4d1f0 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,3 +1,2 @@
 dist
 node_modules
-templates
diff --git a/.npmrc b/.npmrc
index c483022..8fb0b90 100644
--- a/.npmrc
+++ b/.npmrc
@@ -1 +1,2 @@
-shamefully-hoist=true
\ No newline at end of file
+shamefully-hoist=true
+shell-emulator=true
diff --git a/README.md b/README.md
index 03d2596..0b50b1c 100644
--- a/README.md
+++ b/README.md
@@ -32,6 +32,7 @@ Zero-config Nuxt module for Vuetify
 - 🛠️ **Versatile**: custom Vuetify [directives](https://vuetifyjs.com/en/getting-started/installation/#manual-steps) and [labs components](https://vuetifyjs.com/en/labs/introduction/) registration
 - ✨ **Configurable styles**: configure your variables using [Vuetify SASS Variables](https://vuetifyjs.com/en/features/sass-variables/) 
 - 💥 **SSR**: automatic SSR detection and configuration
+- 🌍 **I18n ready**: install [@nuxtjs/i18n](https://v8.i18n.nuxtjs.org/) Nuxt module, and you're ready to use Vuetify [internationalization](https://vuetifyjs.com/en/features/internationalization/) features
 - 🦾 **Type Strong**: written in [TypeScript](https://www.typescriptlang.org/)
 
 ## 📦 Install
@@ -73,6 +74,18 @@ export default defineNuxtConfig({
 })
 ```
 
+## 🌍 I18n support
+
+> Requires latest [@nuxtjs/i18n](https://v8.i18n.nuxtjs.org/) Nuxt module: `8.0.0.beta.12`.
+
+There is a [bug](https://github.com/nuxt-modules/i18n/pull/2193) in the current version that prevents `@nuxtjs/i18n` module to work properly when using `lazy` i18n files.
+
+If you're using `lazy` i18n files per locale, apply [this patch](./patches/@nuxtjs__i18n@8.0.0-beta.12.patch) to your project: check how to apply it when using `pnpm` in the root `package.json` file in this repo: [./package.json#L25-L26](./package.json#L97-L101).
+
+You can check the playground folder, you can run it using single or multiple json files per locale:
+- for single file per locale: run from root folder `pnpm install && nr dev:prepare && nr dev`
+- for multiple files per locale: run from root folder `pnpm install && nr dev:prepare:multiple-json && nr dev:multiple-json`
+
 <!--
 Read the [📖 documentation](https://vite-pwa-org.netlify.app/frameworks/nuxt) for a complete guide on how to configure and use
 this plugin.
diff --git a/package.json b/package.json
index 6e5be20..e27f8db 100644
--- a/package.json
+++ b/package.json
@@ -36,16 +36,19 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepack": "nuxt-module-build",
+    "build": "pnpm dev:prepare && nuxt-module-build",
     "dev": "nuxi dev playground",
-    "dev:build": "nuxi build playground",
+    "dev:multiple-json": "MULTIPLE_LANG_FILES=true nuxi dev playground",
     "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground",
-    "prepublishOnly": "npm run prepack",
-    "release": "bumpp && npm publish",
+    "dev:prepare:multiple-json": "nuxt-module-build --stub && MULTIPLE_LANG_FILES=true nuxi prepare playground",
+    "dev:build": "nuxi build playground",
+    "dev:build:multiple-json": "MULTIPLE_LANG_FILES=true nuxi build playground",
     "lint": "eslint .",
     "lint:fix": "nr lint --fix",
     "test": "vitest run",
-    "test:watch": "vitest watch"
+    "test:watch": "vitest watch",
+    "prepublishOnly": "pnpm build",
+    "release": "bumpp && npm publish"
   },
   "peerDependencies": {
     "@nuxt/kit": "^3.5.3",
@@ -65,6 +68,7 @@
     "@nuxt/module-builder": "^0.4.0",
     "@nuxt/schema": "^3.6.1",
     "@nuxt/test-utils": "^3.6.1",
+    "@nuxtjs/i18n": "^8.0.0-beta.12",
     "@parcel/watcher": "^2.1.0",
     "@types/node": "^18",
     "bumpp": "^9.1.1",
@@ -90,5 +94,10 @@
       "vite-plugin-vuetify",
       "vuetify"
     ]
+  },
+  "pnpm": {
+    "patchedDependencies": {
+      "@nuxtjs/i18n@8.0.0-beta.12": "patches/@nuxtjs__i18n@8.0.0-beta.12.patch"
+    }
   }
 }
diff --git a/patches/@nuxtjs__i18n@8.0.0-beta.12.patch b/patches/@nuxtjs__i18n@8.0.0-beta.12.patch
new file mode 100644
index 0000000..b6c5c92
--- /dev/null
+++ b/patches/@nuxtjs__i18n@8.0.0-beta.12.patch
@@ -0,0 +1,13 @@
+diff --git a/dist/runtime/utils.mjs b/dist/runtime/utils.mjs
+index 21f7780ac104abddfd5c8038e1574bc0e3212cf6..b2e7584912c9eede4d152f0ddaeb70ac917ec828 100644
+--- a/dist/runtime/utils.mjs
++++ b/dist/runtime/utils.mjs
+@@ -77,7 +77,7 @@ export async function loadInitialMessages(context, messages, options) {
+       const fallbackLocales = makeFallbackLocaleCodes(fallbackLocale, [defaultLocale, initialLocale]);
+       await Promise.all(fallbackLocales.map((locale) => loadLocale(context, locale, setter)));
+     }
+-    const locales = lazy ? [...(/* @__PURE__ */ new Set()).add(defaultLocale).add(initialLocale)] : localeCodes;
++    const locales = lazy ? localeCodes : [...(/* @__PURE__ */ new Set()).add(defaultLocale).add(initialLocale)];
+     await Promise.all(locales.map((locale) => loadLocale(context, locale, setter)));
+   }
+   return messages;
\ No newline at end of file
diff --git a/playground/config/i18n.config.mts b/playground/config/i18n.config.mts
new file mode 100644
index 0000000..f5e8968
--- /dev/null
+++ b/playground/config/i18n.config.mts
@@ -0,0 +1,12 @@
+import { availableLocales } from './i18n'
+
+export default defineI18nConfig(() => {
+  return {
+    legacy: false,
+    availableLocales: availableLocales.map(l => l.code),
+    fallbackLocale: 'en-US',
+    fallbackWarn: true,
+    // eslint-disable-next-line @typescript-eslint/comma-dangle
+    missingWarn: true
+  }
+})
diff --git a/playground/config/i18n.ts b/playground/config/i18n.ts
new file mode 100644
index 0000000..770cfa6
--- /dev/null
+++ b/playground/config/i18n.ts
@@ -0,0 +1,89 @@
+import type { LocaleObject } from '#i18n'
+
+const multipleJson = process.env.MULTIPLE_LANG_FILES === 'true'
+
+const countryLocaleVariants: Record<string, LocaleObject[]> = {
+  en: [
+    // en.json contains en-US translations
+    { code: 'en-US', name: 'English (US)' },
+    { code: 'en-GB', name: 'English (UK)' },
+  ],
+  es: [
+    // es.json contains es-ES translations
+    // { code: 'es-AR', name: 'Español (Argentina)' },
+    // { code: 'es-BO', name: 'Español (Bolivia)' },
+    // { code: 'es-CL', name: 'Español (Chile)' },
+    // { code: 'es-CO', name: 'Español (Colombia)' },
+    // { code: 'es-CR', name: 'Español (Costa Rica)' },
+    // { code: 'es-DO', name: 'Español (República Dominicana)' },
+    // { code: 'es-EC', name: 'Español (Ecuador)' },
+    { code: 'es-ES', name: 'Español (España)' },
+    // TODO: Support es-419, if we include spanish country variants remove also fix on utils/language.ts module
+    { code: 'es-419', name: 'Español (Latinoamérica)' },
+    // { code: 'es-GT', name: 'Español (Guatemala)' },
+    // { code: 'es-HN', name: 'Español (Honduras)' },
+    // { code: 'es-MX', name: 'Español (México)' },
+    // { code: 'es-NI', name: 'Español (Nicaragua)' },
+    // { code: 'es-PA', name: 'Español (Panamá)' },
+    // { code: 'es-PE', name: 'Español (Perú)' },
+    // { code: 'es-PR', name: 'Español (Puerto Rico)' },
+    // { code: 'es-SV', name: 'Español (El Salvador)' },
+    // { code: 'es-US', name: 'Español (Estados Unidos)' },
+    // { code: 'es-UY', name: 'Español (Uruguay)' },
+    // { code: 'es-VE', name: 'Español (Venezuela)' },
+  ],
+}
+
+const locales: LocaleObject[] = [
+  {
+    code: 'en',
+    file: 'en.json',
+    name: 'English',
+  },
+  {
+    code: 'es',
+    file: 'es.json',
+    name: 'Español',
+  },
+]
+
+function buildLocales() {
+  const useLocales = Object.values(locales).reduce((acc, data) => {
+    const locales = countryLocaleVariants[data.code]
+    if (locales) {
+      locales.forEach((l) => {
+        let entry: LocaleObject
+        if (multipleJson) {
+          entry = {
+            ...data,
+            code: l.code,
+            name: l.name,
+            files: [data.file!, `${l.code}.json`],
+          }
+          delete entry.file
+        }
+        else {
+          entry = {
+            ...data,
+            code: l.code,
+            name: l.name,
+            file: `${l.code}.json`,
+          }
+        }
+
+        acc.push(entry)
+      })
+    }
+    else {
+      acc.push(data)
+    }
+
+    return acc
+  }, <LocaleObject[]>[])
+
+  return useLocales.sort((a, b) => a.code.localeCompare(b.code))
+}
+
+export const availableLocales = buildLocales()
+
+export const langDir = multipleJson ? 'locales/multiple' : 'locales/single'
diff --git a/playground/layouts/default.vue b/playground/layouts/default.vue
index 278fe8f..82a2275 100644
--- a/playground/layouts/default.vue
+++ b/playground/layouts/default.vue
@@ -3,17 +3,17 @@
 </script>
 
 <template>
-  <VContainer>
-    <VRow>
-      <VCol>
-        <VSheet
+  <v-container>
+    <v-row>
+      <v-col>
+        <v-sheet
           class="pa-4 d-flex align-center flex-column"
           color="grey-lighten-3"
           rounded="lg"
         >
           <NuxtPage />
-        </VSheet>
-      </VCol>
-    </VRow>
-  </VContainer>
+        </v-sheet>
+      </v-col>
+    </v-row>
+  </v-container>
 </template>
diff --git a/playground/locales/multiple/en-GB.json b/playground/locales/multiple/en-GB.json
new file mode 100644
index 0000000..b4abdb1
--- /dev/null
+++ b/playground/locales/multiple/en-GB.json
@@ -0,0 +1,3 @@
+{
+  "xxx": "Favourite"
+}
diff --git a/playground/locales/multiple/en-US.json b/playground/locales/multiple/en-US.json
new file mode 100644
index 0000000..a082249
--- /dev/null
+++ b/playground/locales/multiple/en-US.json
@@ -0,0 +1,3 @@
+{
+  "xxx": "Favorite"
+}
diff --git a/playground/locales/multiple/en.json b/playground/locales/multiple/en.json
new file mode 100644
index 0000000..a082249
--- /dev/null
+++ b/playground/locales/multiple/en.json
@@ -0,0 +1,3 @@
+{
+  "xxx": "Favorite"
+}
diff --git a/playground/locales/multiple/es-419.json b/playground/locales/multiple/es-419.json
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/playground/locales/multiple/es-419.json
@@ -0,0 +1 @@
+{}
diff --git a/playground/locales/multiple/es-ES.json b/playground/locales/multiple/es-ES.json
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/playground/locales/multiple/es-ES.json
@@ -0,0 +1 @@
+{}
diff --git a/playground/locales/multiple/es.json b/playground/locales/multiple/es.json
new file mode 100644
index 0000000..ef271b0
--- /dev/null
+++ b/playground/locales/multiple/es.json
@@ -0,0 +1,3 @@
+{
+  "xxx": "Favorito"
+}
diff --git a/playground/locales/single/en-GB.json b/playground/locales/single/en-GB.json
new file mode 100644
index 0000000..b4abdb1
--- /dev/null
+++ b/playground/locales/single/en-GB.json
@@ -0,0 +1,3 @@
+{
+  "xxx": "Favourite"
+}
diff --git a/playground/locales/single/en-US.json b/playground/locales/single/en-US.json
new file mode 100644
index 0000000..a082249
--- /dev/null
+++ b/playground/locales/single/en-US.json
@@ -0,0 +1,3 @@
+{
+  "xxx": "Favorite"
+}
diff --git a/playground/locales/single/es-419.json b/playground/locales/single/es-419.json
new file mode 100644
index 0000000..c238c39
--- /dev/null
+++ b/playground/locales/single/es-419.json
@@ -0,0 +1,3 @@
+{
+  "xxx": "Favorito (es-419)"
+}
diff --git a/playground/locales/single/es-ES.json b/playground/locales/single/es-ES.json
new file mode 100644
index 0000000..86983c5
--- /dev/null
+++ b/playground/locales/single/es-ES.json
@@ -0,0 +1,3 @@
+{
+  "xxx": "Favorito (es-ES)"
+}
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.mts
similarity index 70%
rename from playground/nuxt.config.ts
rename to playground/nuxt.config.mts
index 27c773e..c67e2ec 100644
--- a/playground/nuxt.config.ts
+++ b/playground/nuxt.config.mts
@@ -1,4 +1,5 @@
 import { md3 } from 'vuetify/blueprints'
+import { availableLocales, langDir } from './config/i18n'
 
 export default defineNuxtConfig({
   ssr: true,
@@ -10,7 +11,23 @@ export default defineNuxtConfig({
       },
     },
   },
-  modules: ['../src/module'],
+  imports: {
+    autoImport: true,
+    injectAtEnd: true,
+  },
+  modules: ['@nuxtjs/i18n', '../src/module'],
+  i18n: {
+    locales: availableLocales,
+    lazy: true,
+    strategy: 'no_prefix',
+    detectBrowserLanguage: false,
+    langDir,
+    defaultLocale: 'en-US',
+    customRoutes: undefined,
+    dynamicRouteParams: false,
+    // debug: true,
+    vueI18n: './config/i18n.config.mts',
+  },
   vuetify: {
     moduleOptions: {
       styles: { configFile: '/settings.scss' },
diff --git a/playground/package.json b/playground/package.json
index e3879d8..3ca8a83 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -7,6 +7,9 @@
     "build": "nuxi build",
     "generate": "nuxi generate"
   },
+  "dependencies": {
+    "@nuxtjs/i18n": "^8.0.0-beta.12"
+  },
   "devDependencies": {
     "nuxt": "latest",
     "sass": "^1.63.6"
diff --git a/playground/pages/index.vue b/playground/pages/index.vue
index 54d42b9..18077c3 100644
--- a/playground/pages/index.vue
+++ b/playground/pages/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { useLocale } from 'vuetify'
+
 const value = reactive<{
   name1?: string
   name2?: string
@@ -8,17 +10,40 @@ const value = reactive<{
   name2: undefined,
   name3: undefined,
 })
+const { locales, t } = useI18n()
+const { current } = useLocale()
+watch(current, () => {
+  console.log('current', t('xxx', { locale: current.value }))
+})
 </script>
 
 <template>
   <div>
-    <VTextField
+    <div>Vuetify useLocale(): {{ current }}</div>
+    <div>$i18n current: {{ $i18n.locale }}</div>
+    <div>$vuetify.locale.current: {{ $vuetify.locale.current }}</div>
+    <div>t without locale: {{ t('xxx') }}</div>
+    <div>t with I18N locale: {{ t('xxx', { locale: $i18n.locale }) }}</div>
+    <div>t with Vuetify current locale: {{ t('xxx', { locale: current }) }}</div>
+    <div>$t {{ $t('xxx') }}</div>
+    <div>$vuetify.locale.t {{ $vuetify.locale.t('xxx') }}</div>
+    <v-select
+      v-model="current"
+      :items="locales"
+      item-title="name"
+      item-value="code"
+      outlined
+    />
+    <v-text-field
       v-model="value.name1"
-      label="Name 1"
+      :label="t('xxx')"
       hint="name 1"
       persistent-hint
       outlined
     />
-    <VBtn>ja</VBtn>
+    <v-btn>{{ t('xxx') }}</v-btn>
+    <v-locale-provider locale="es-ES">
+      <v-btn>{{ $vuetify.locale.t('xxx') }}</v-btn>
+    </v-locale-provider>
   </div>
 </template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 901b07f..8376421 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4,6 +4,11 @@ settings:
   autoInstallPeers: true
   excludeLinksFromLockfile: false
 
+patchedDependencies:
+  '@nuxtjs/i18n@8.0.0-beta.12':
+    hash: ng27jsec7jd3so65euqqdccllq
+    path: patches/@nuxtjs__i18n@8.0.0-beta.12.patch
+
 dependencies:
   '@nuxt/kit':
     specifier: ^3.6.1
@@ -37,6 +42,9 @@ devDependencies:
   '@nuxt/test-utils':
     specifier: ^3.6.1
     version: 3.6.1(rollup@3.25.3)(vitest@0.31.4)(vue@3.3.4)
+  '@nuxtjs/i18n':
+    specifier: ^8.0.0-beta.12
+    version: 8.0.0-beta.12(patch_hash=ng27jsec7jd3so65euqqdccllq)(rollup@3.25.3)(vue@3.3.4)
   '@parcel/watcher':
     specifier: ^2.1.0
     version: 2.1.0
@@ -941,6 +949,145 @@ packages:
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
     dev: true
 
+  /@intlify/bundle-utils@5.5.0(vue-i18n@9.3.0-beta.17):
+    resolution: {integrity: sha512-k5xe8oAoPXiH6unXvyyyCRbq+LtLn1tSi/6r5f6mF+MsX7mcOMtgYbyAQINsjFrf7EDu5Pg4BY00VWSt8bI9XQ==}
+    engines: {node: '>= 12'}
+    peerDependencies:
+      petite-vue-i18n: '*'
+      vue-i18n: '*'
+    peerDependenciesMeta:
+      petite-vue-i18n:
+        optional: true
+      vue-i18n:
+        optional: true
+    dependencies:
+      '@intlify/message-compiler': 9.3.0-beta.17
+      '@intlify/shared': 9.3.0-beta.17
+      acorn: 8.9.0
+      escodegen: 2.1.0
+      estree-walker: 2.0.2
+      jsonc-eslint-parser: 1.4.1
+      magic-string: 0.30.0
+      source-map: 0.6.1
+      vue-i18n: 9.3.0-beta.17(vue@3.3.4)
+      yaml-eslint-parser: 0.3.2
+    dev: true
+
+  /@intlify/core-base@9.3.0-beta.17:
+    resolution: {integrity: sha512-M/ZUU53G68YKN59E2gd/bOZB4TvFMWXvpWIgwsLJeAjktKYOt7JDSGdGHYGivKAG12pTGWeIeY6WmJCaDenloA==}
+    engines: {node: '>= 14'}
+    dependencies:
+      '@intlify/devtools-if': 9.3.0-beta.17
+      '@intlify/message-compiler': 9.3.0-beta.17
+      '@intlify/shared': 9.3.0-beta.17
+      '@intlify/vue-devtools': 9.3.0-beta.17
+    dev: true
+
+  /@intlify/devtools-if@9.3.0-beta.17:
+    resolution: {integrity: sha512-up5vm1ytN9Wm/loKjFlp5TuDy7dmBVgU3UOk1vLUXUfYH+EMlm07pUXNiIpSjdt4Eak+bSLfsWcqPwhsb2jknw==}
+    engines: {node: '>= 14'}
+    dependencies:
+      '@intlify/shared': 9.3.0-beta.17
+    dev: true
+
+  /@intlify/message-compiler@9.3.0-beta.17:
+    resolution: {integrity: sha512-i7hvVIRk1Ax2uKa9xLRJCT57to08OhFMhFXXjWN07rmx5pWQYQ23MfX1xgggv9drnWTNhqEiD+u4EJeHoS5+Ww==}
+    engines: {node: '>= 14'}
+    dependencies:
+      '@intlify/shared': 9.3.0-beta.17
+      source-map: 0.6.1
+    dev: true
+
+  /@intlify/shared@9.3.0-beta.17:
+    resolution: {integrity: sha512-mscf7RQsUTOil35jTij4KGW1RC9SWQjYScwLxP53Ns6g24iEd5HN7ksbt9O6FvTmlQuX77u+MXpBdfJsGqizLQ==}
+    engines: {node: '>= 14'}
+    dev: true
+
+  /@intlify/shared@9.3.0-beta.20:
+    resolution: {integrity: sha512-RucSPqh8O9FFxlYUysQTerSw0b9HIRpyoN1Zjogpm0qLiHK+lBNSa5sh1nCJ4wSsNcjphzgpLQCyR60GZlRV8g==}
+    engines: {node: '>= 16'}
+    dev: true
+
+  /@intlify/unplugin-vue-i18n@0.10.1(rollup@3.25.3)(vue-i18n@9.3.0-beta.17):
+    resolution: {integrity: sha512-9ZzE0ddlDO06Xzg25JPiNbx6PJPDho5k/Np+uL9fJRZEKq2TxT3c+ZK+Pec6j0ybhhVXeda8/yE3tPUf4SOXZQ==}
+    engines: {node: '>= 14.16'}
+    peerDependencies:
+      petite-vue-i18n: '*'
+      vue-i18n: '*'
+      vue-i18n-bridge: '*'
+    peerDependenciesMeta:
+      petite-vue-i18n:
+        optional: true
+      vue-i18n:
+        optional: true
+      vue-i18n-bridge:
+        optional: true
+    dependencies:
+      '@intlify/bundle-utils': 5.5.0(vue-i18n@9.3.0-beta.17)
+      '@intlify/shared': 9.3.0-beta.17
+      '@rollup/pluginutils': 5.0.2(rollup@3.25.3)
+      '@vue/compiler-sfc': 3.3.4
+      debug: 4.3.4
+      fast-glob: 3.2.12
+      js-yaml: 4.1.0
+      json5: 2.2.3
+      pathe: 1.1.1
+      picocolors: 1.0.0
+      source-map: 0.6.1
+      unplugin: 1.3.1
+      vue-i18n: 9.3.0-beta.17(vue@3.3.4)
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+    dev: true
+
+  /@intlify/vue-devtools@9.3.0-beta.17:
+    resolution: {integrity: sha512-Wzl+3kZONjYG3lL8I8G+4H46s7m3CkxyoZXjZgC0zMy51cq1OTlOuOohcgxpwcSSYYVj9Y86PvlSakPNqHEweA==}
+    engines: {node: '>= 14'}
+    dependencies:
+      '@intlify/core-base': 9.3.0-beta.17
+      '@intlify/shared': 9.3.0-beta.17
+    dev: true
+
+  /@intlify/vue-i18n-bridge@0.8.0(vue-i18n@9.3.0-beta.17):
+    resolution: {integrity: sha512-wQ18fSccm9QaWpUW2vq2QHvojgKIog7s+UMj9LeY3pUV3yD9bU4YZI+1PTNoX3tOA+BE71gQyqVGox/TVQKP6Q==}
+    engines: {node: '>= 12'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue-i18n: ^8.26.1 || ^9.2.0-beta.25 || ^9.3.0-beta.5
+      vue-i18n-bridge: ^9.2.0-beta.25 || ^9.3.0-beta.5
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+      vue-i18n:
+        optional: true
+      vue-i18n-bridge:
+        optional: true
+    dependencies:
+      vue-i18n: 9.3.0-beta.17(vue@3.3.4)
+    dev: true
+
+  /@intlify/vue-router-bridge@0.8.0(vue@3.3.4):
+    resolution: {integrity: sha512-CNxOgvyQcRhtGmRrksicL+HGjDijXtz+J/x04C/RslZ74CFdZkxjCe8MABkeD3xr+ry8G8tCm2nV2hLjZbynQw==}
+    engines: {node: '>= 12'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue-router: ^4.0.0-0 || ^3.0.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+      vue-router:
+        optional: true
+    dependencies:
+      vue-demi: 0.13.11(vue@3.3.4)
+    transitivePeerDependencies:
+      - vue
+    dev: true
+
   /@ioredis/commands@1.2.0:
     resolution: {integrity: sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==}
     dev: true
@@ -1017,6 +1164,13 @@ packages:
       - supports-color
     dev: true
 
+  /@mizchi/sucrase@4.1.0:
+    resolution: {integrity: sha512-AaN8HSGdXmNqEqIb0IQPIQL+MI/8Xr1QTOcVnA6k0u2afqfYhlre05hSxRybOFpq34oF8EqMTrYovYZxEV1FLw==}
+    engines: {node: '>=14'}
+    dependencies:
+      lines-and-columns: 1.2.4
+    dev: true
+
   /@netlify/functions@1.6.0:
     resolution: {integrity: sha512-6G92AlcpFrQG72XU8YH8pg94eDnq7+Q0YJhb8x4qNpdGsvuzvrfHWBmqFGp/Yshmv4wex9lpsTRZOocdrA2erQ==}
     engines: {node: '>=14.0.0'}
@@ -1374,6 +1528,52 @@ packages:
       - vue-tsc
     dev: true
 
+  /@nuxtjs/i18n@8.0.0-beta.12(patch_hash=ng27jsec7jd3so65euqqdccllq)(rollup@3.25.3)(vue@3.3.4):
+    resolution: {integrity: sha512-f149HXPyk4RJZul3ThWo4YVN7WmL3scge8UZx08cxAiKjhoCIoHySKxX05CwAu0v7sfYxeYeP+qCeQyGaBErpQ==}
+    engines: {node: ^14.16.0 || >=16.11.0}
+    dependencies:
+      '@intlify/bundle-utils': 5.5.0(vue-i18n@9.3.0-beta.17)
+      '@intlify/shared': 9.3.0-beta.17
+      '@intlify/unplugin-vue-i18n': 0.10.1(rollup@3.25.3)(vue-i18n@9.3.0-beta.17)
+      '@mizchi/sucrase': 4.1.0
+      '@nuxt/kit': 3.6.1(rollup@3.25.3)
+      '@vue/compiler-sfc': 3.3.4
+      cookie-es: 0.5.0
+      debug: 4.3.4
+      defu: 6.1.2
+      estree-walker: 3.0.3
+      is-https: 4.0.0
+      js-cookie: 3.0.5
+      knitwork: 1.0.0
+      magic-string: 0.27.0
+      mlly: 1.4.0
+      pathe: 1.1.1
+      pkg-types: 1.0.3
+      ufo: 1.1.2
+      unplugin: 1.3.1
+      unstorage: 1.7.0
+      vue-i18n: 9.3.0-beta.17(vue@3.3.4)
+      vue-i18n-routing: 0.13.0(vue-i18n@9.3.0-beta.17)(vue@3.3.4)
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@planetscale/database'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - '@vue/composition-api'
+      - petite-vue-i18n
+      - rollup
+      - supports-color
+      - vue
+      - vue-i18n-bridge
+      - vue-router
+    dev: true
+    patched: true
+
   /@parcel/watcher@2.1.0:
     resolution: {integrity: sha512-8s8yYjd19pDSsBpbkOHnT6Z2+UJSuLQx61pCFM0s5wSRvKCEMDjd/cHY3/GI1szHIWbpXpsJdg3V6ISGGx9xDw==}
     engines: {node: '>= 10.0.0'}
@@ -2047,6 +2247,14 @@ packages:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
     dev: true
 
+  /acorn-jsx@5.3.2(acorn@7.4.1):
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      acorn: 7.4.1
+    dev: true
+
   /acorn-jsx@5.3.2(acorn@8.9.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -2060,6 +2268,12 @@ packages:
     engines: {node: '>=0.4.0'}
     dev: true
 
+  /acorn@7.4.1:
+    resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
   /acorn@8.9.0:
     resolution: {integrity: sha512-jaVNAFBHNLXspO543WnNNPZFRtavh3skAkITqD0/2aeMkKZTN+254PyhwxFYrk3vQ1xfY+2wbesJMs/JC8/PwQ==}
     engines: {node: '>=0.4.0'}
@@ -2838,6 +3052,10 @@ packages:
   /convert-source-map@1.9.0:
     resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
 
+  /cookie-es@0.5.0:
+    resolution: {integrity: sha512-RyZrFi6PNpBFbIaQjXDlFIhFVqV42QeKSZX1yQIl6ihImq6vcHNGMtqQ/QzY3RMPuYSkvsRwtnt5M9NeYxKt0g==}
+    dev: true
+
   /cookie-es@1.0.0:
     resolution: {integrity: sha512-mWYvfOLrfEc996hlKcdABeIiPHUPC6DM2QYZdGGOvhOTbA3tjm2eBwqlJpoFdjC89NI4Qt6h0Pu06Mp+1Pj5OQ==}
     dev: true
@@ -3484,6 +3702,18 @@ packages:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
+  /escodegen@2.1.0:
+    resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
+    engines: {node: '>=6.0'}
+    hasBin: true
+    dependencies:
+      esprima: 4.0.1
+      estraverse: 5.3.0
+      esutils: 2.0.3
+    optionalDependencies:
+      source-map: 0.6.1
+    dev: true
+
   /eslint-import-resolver-node@0.3.7:
     resolution: {integrity: sha512-gozW2blMLJCeFpBwugLTGyvVjNoeo1knonXAcatC6bjPBZitotxdWf7Gimr25N4c0AAOo4eOUfaG82IJPDpqCA==}
     dependencies:
@@ -3760,6 +3990,18 @@ packages:
       estraverse: 5.3.0
     dev: true
 
+  /eslint-utils@2.1.0:
+    resolution: {integrity: sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==}
+    engines: {node: '>=6'}
+    dependencies:
+      eslint-visitor-keys: 1.3.0
+    dev: true
+
+  /eslint-visitor-keys@1.3.0:
+    resolution: {integrity: sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==}
+    engines: {node: '>=4'}
+    dev: true
+
   /eslint-visitor-keys@3.4.1:
     resolution: {integrity: sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -3820,6 +4062,15 @@ packages:
       tsx: 3.12.7
     dev: true
 
+  /espree@6.2.1:
+    resolution: {integrity: sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      acorn: 7.4.1
+      acorn-jsx: 5.3.2(acorn@7.4.1)
+      eslint-visitor-keys: 1.3.0
+    dev: true
+
   /espree@9.5.2:
     resolution: {integrity: sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -4843,6 +5094,10 @@ packages:
     resolution: {integrity: sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==}
     dev: true
 
+  /is-https@4.0.0:
+    resolution: {integrity: sha512-FeMLiqf8E5g6SdiVJsPcNZX8k4h2fBs1wp5Bb6uaNxn58ufK1axBqQZdmAQsqh0t9BuwFObybrdVJh6MKyPlyg==}
+    dev: true
+
   /is-inside-container@1.0.0:
     resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
     engines: {node: '>=14.16'}
@@ -5033,6 +5288,11 @@ packages:
       '@sideway/pinpoint': 2.0.0
     dev: true
 
+  /js-cookie@3.0.5:
+    resolution: {integrity: sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==}
+    engines: {node: '>=14'}
+    dev: true
+
   /js-string-escape@1.0.1:
     resolution: {integrity: sha512-Smw4xcfIQ5LVjAOuJCvN/zIodzA/BBSsluuoSykP+lUvScIi4U6RJLfwHet5cxFnCswUjISV8oAXaqaJDY3chg==}
     engines: {node: '>= 0.8'}
@@ -5086,6 +5346,17 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
+  /jsonc-eslint-parser@1.4.1:
+    resolution: {integrity: sha512-hXBrvsR1rdjmB2kQmUjf1rEIa+TqHBGMge8pwi++C+Si1ad7EjZrJcpgwym+QGK/pqTx+K7keFAtLlVNdLRJOg==}
+    engines: {node: '>=8.10.0'}
+    dependencies:
+      acorn: 7.4.1
+      eslint-utils: 2.1.0
+      eslint-visitor-keys: 1.3.0
+      espree: 6.2.1
+      semver: 6.3.0
+    dev: true
+
   /jsonc-eslint-parser@2.3.0:
     resolution: {integrity: sha512-9xZPKVYp9DxnM3sd1yAsh/d59iIaswDkai8oTxbursfKYbg/ibjX0IzFt35+VZ8iEW453TVTXztnRvYUQlAfUQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -8297,6 +8568,21 @@ packages:
       ufo: 1.1.2
     dev: true
 
+  /vue-demi@0.13.11(vue@3.3.4):
+    resolution: {integrity: sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      vue: 3.3.4
+    dev: true
+
   /vue-devtools-stub@0.1.0:
     resolution: {integrity: sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==}
     dev: true
@@ -8319,6 +8605,49 @@ packages:
       - supports-color
     dev: true
 
+  /vue-i18n-routing@0.13.0(vue-i18n@9.3.0-beta.17)(vue@3.3.4):
+    resolution: {integrity: sha512-d/WVAZKo68blFqv6BPxFrGy530+FgvXsYVMbuvaICaoFO2CUxuaszF4vPCzCPIi9T68WRzWeUMTUb7vmv2SLyQ==}
+    engines: {node: '>= 14.6'}
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^2.6.14 || ^2.7.0 || ^3.2.0
+      vue-i18n: ^8.26.1 || ^9.2.0 || ^9.3.0-beta.10
+      vue-i18n-bridge: ^9.2.0 || ^9.3.0-beta.10
+      vue-router: ^3.5.3 || ^3.6.0 || ^4.0.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+      vue:
+        optional: true
+      vue-i18n:
+        optional: true
+      vue-i18n-bridge:
+        optional: true
+      vue-router:
+        optional: true
+    dependencies:
+      '@intlify/shared': 9.3.0-beta.20
+      '@intlify/vue-i18n-bridge': 0.8.0(vue-i18n@9.3.0-beta.17)
+      '@intlify/vue-router-bridge': 0.8.0(vue@3.3.4)
+      ufo: 1.1.2
+      vue: 3.3.4
+      vue-demi: 0.13.11(vue@3.3.4)
+      vue-i18n: 9.3.0-beta.17(vue@3.3.4)
+    dev: true
+
+  /vue-i18n@9.3.0-beta.17(vue@3.3.4):
+    resolution: {integrity: sha512-2r6QWgwCMjzpLb6RuIU8XPw8vU9kJu8OE4zGIOOnNq1gMYrzawO1LlK/yxG7ugWmzFA/IBqSIs6ADu0Z+PO/Ow==}
+    engines: {node: '>= 14'}
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      '@intlify/core-base': 9.3.0-beta.17
+      '@intlify/shared': 9.3.0-beta.17
+      '@intlify/vue-devtools': 9.3.0-beta.17
+      '@vue/devtools-api': 6.5.0
+      vue: 3.3.4
+    dev: true
+
   /vue-router@4.2.2(vue@3.3.4):
     resolution: {integrity: sha512-cChBPPmAflgBGmy3tBsjeoe3f3VOSG6naKyY5pjtrqLGbNEXdzCigFUHgBvp9e3ysAtFtEx7OLqcSDh/1Cq2TQ==}
     peerDependencies:
@@ -8540,6 +8869,14 @@ packages:
   /yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
+  /yaml-eslint-parser@0.3.2:
+    resolution: {integrity: sha512-32kYO6kJUuZzqte82t4M/gB6/+11WAuHiEnK7FreMo20xsCKPeFH5tDBU7iWxR7zeJpNnMXfJyXwne48D0hGrg==}
+    dependencies:
+      eslint-visitor-keys: 1.3.0
+      lodash: 4.17.21
+      yaml: 1.10.2
+    dev: true
+
   /yaml-eslint-parser@1.2.2:
     resolution: {integrity: sha512-pEwzfsKbTrB8G3xc/sN7aw1v6A6c/pKxLAkjclnAyo5g5qOh6eL9WGu0o3cSDQZKrTNk4KL4lQSwZW+nBkANEg==}
     engines: {node: ^14.17.0 || >=16.0.0}
@@ -8549,6 +8886,11 @@ packages:
       yaml: 2.3.1
     dev: true
 
+  /yaml@1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+    engines: {node: '>= 6'}
+    dev: true
+
   /yaml@2.3.1:
     resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==}
     engines: {node: '>= 14'}
diff --git a/src/module.ts b/src/module.ts
index b520bf5..7d8cb5e 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -1,8 +1,8 @@
 import {
-  addPluginTemplate,
+  addPlugin,
   createResolver,
   defineNuxtModule,
-  extendWebpackConfig,
+  extendWebpackConfig, hasNuxtModule,
   useLogger,
 } from '@nuxt/kit'
 import type { ViteConfig } from '@nuxt/schema'
@@ -27,16 +27,15 @@ export default defineNuxtModule<ModuleOptions>({
     version,
   },
   // Default configuration options of the Nuxt module
-  defaults: {
+  defaults: () => ({
     vuetifyOptions: {
       labComponents: false,
       directives: false,
     },
     moduleOptions: {
-      writePlugin: true,
       styles: true,
     },
-  },
+  }),
   setup(options, nuxt) {
     const resolver = createResolver(import.meta.url)
 
@@ -58,7 +57,7 @@ export default defineNuxtModule<ModuleOptions>({
     nuxt.options.build.transpile.push(runtimeDir)
     nuxt.options.build.transpile.push(CONFIG_KEY)
 
-    const { styles = true, writePlugin = nuxt.options.dev } = moduleOptions ?? {}
+    const { styles = true } = moduleOptions ?? {}
 
     nuxt.options.build.transpile.push(CONFIG_KEY)
     nuxt.options.css ??= []
@@ -102,10 +101,15 @@ export default defineNuxtModule<ModuleOptions>({
       ))
     })
 
-    addPluginTemplate({
-      src: resolver.resolve(runtimeDir, 'templates/plugin.mts'),
-      write: nuxt.options.dev || writePlugin,
+    addPlugin({
+      src: resolver.resolve(runtimeDir, 'plugins/vuetify.mts'),
     })
+
+    if (hasNuxtModule('@nuxtjs/i18n', nuxt)) {
+      addPlugin({
+        src: resolver.resolve(runtimeDir, 'plugins/vuetify-i18n.mts'),
+      })
+    }
   },
 })
 
diff --git a/src/runtime/plugins/i18n.ts b/src/runtime/plugins/i18n.ts
new file mode 100644
index 0000000..0a63cc2
--- /dev/null
+++ b/src/runtime/plugins/i18n.ts
@@ -0,0 +1,198 @@
+/* eslint-disable no-prototype-builtins */
+import type { EffectScope, Ref, WatchSource } from 'vue'
+import {
+  getCurrentInstance as _getCurrentInstance,
+  computed,
+  effectScope,
+  onScopeDispose,
+  ref,
+  toRaw,
+  watch,
+} from 'vue'
+import type { LocaleInstance, LocaleMessages, LocaleOptions } from 'vuetify'
+import type { NuxtApp } from '#app'
+import { useI18n } from '#imports'
+
+export function createAdapter(nuxtApp: NuxtApp) {
+  const i18n = nuxtApp.$i18n
+  const current = i18n.locale
+  const fallback = i18n.fallbackLocale
+  const messages = i18n.messages
+
+  watch(() => current, l => (nuxtApp.$vuetify.locale.current.value = l))
+
+  watch(() => nuxtApp.$vuetify?.locale?.current.value, l => i18n.setLocale(l))
+
+  return {
+    name: 'nuxt-vue-i18n',
+    current,
+    fallback,
+    messages,
+    t: (key, ...params) => i18n.t(key, params),
+    n: i18n.n,
+    provide: createProvideFunction({ current, fallback, messages }),
+  } satisfies LocaleInstance
+}
+
+function getCurrentInstance(name: string, message?: string) {
+  const vm = _getCurrentInstance()
+
+  if (!vm)
+    throw new Error(`[Vuetify] ${name} ${message || 'must be called from inside a setup function'}`)
+
+  return vm
+}
+
+function toKebabCase(str = '') {
+  if (toKebabCase.cache.has(str))
+    return toKebabCase.cache.get(str)!
+
+  const kebab = str
+    .replace(/[^a-z]/gi, '-')
+    .replace(/\B([A-Z])/g, '-$1')
+    .toLowerCase()
+
+  toKebabCase.cache.set(str, kebab)
+
+  return kebab
+}
+
+toKebabCase.cache = new Map<string, string>()
+
+function useToggleScope(source: WatchSource<boolean>, fn: (reset: () => void) => void) {
+  let scope: EffectScope | undefined
+  function start() {
+    scope = effectScope()
+    scope.run(() => fn.length
+      ? fn(() => {
+        scope?.stop()
+        start()
+      })
+      : (fn as any)(),
+    )
+  }
+
+  watch(source, (active) => {
+    if (active && !scope) {
+      start()
+    }
+    else if (!active) {
+      scope?.stop()
+      scope = undefined
+    }
+  }, { immediate: true })
+
+  onScopeDispose(() => {
+    scope?.stop()
+  })
+}
+
+type InnerVal<T> = T extends any[] ? Readonly<T> : T
+
+function useProxiedModel<
+  Props extends object & { [key in Prop as `onUpdate:${Prop}`]: ((val: any) => void) | undefined },
+  Prop extends Extract<keyof Props, string>,
+  Inner = Props[Prop],
+>(
+  props: Props,
+  prop: Prop,
+  defaultValue?: Props[Prop],
+  transformIn: (value?: Props[Prop]) => Inner = (v: any) => v,
+  transformOut: (value: Inner) => Props[Prop] = (v: any) => v,
+) {
+  const vm = getCurrentInstance('useProxiedModel')
+  const internal = ref(props[prop] !== undefined ? props[prop] : defaultValue) as Ref<Props[Prop]>
+  const kebabProp = toKebabCase(prop)
+  const checkKebab = kebabProp !== prop
+
+  const isControlled = checkKebab
+    ? computed(() => {
+      void props[prop]
+      return !!(
+        (vm.vnode.props?.hasOwnProperty(prop) || vm.vnode.props?.hasOwnProperty(kebabProp))
+        && (vm.vnode.props?.hasOwnProperty(`onUpdate:${prop}`) || vm.vnode.props?.hasOwnProperty(`onUpdate:${kebabProp}`))
+      )
+    })
+    : computed(() => {
+      void props[prop]
+      return !!(vm.vnode.props?.hasOwnProperty(prop) && vm.vnode.props?.hasOwnProperty(`onUpdate:${prop}`))
+    })
+
+  useToggleScope(() => !isControlled.value, () => {
+    watch(() => props[prop], (val) => {
+      internal.value = val
+    })
+  })
+
+  const model = computed({
+    get(): any {
+      const externalValue = props[prop]
+      return transformIn(isControlled.value ? externalValue : internal.value)
+    },
+    set(internalValue) {
+      const newValue = transformOut(internalValue)
+      const value = toRaw(isControlled.value ? props[prop] : internal.value)
+      if (value === newValue || transformIn(value) === internalValue)
+        return
+
+      internal.value = newValue
+      vm?.emit(`update:${prop}`, newValue)
+    },
+  }) as any as Ref<InnerVal<Inner>> & { readonly externalValue: Props[Prop] }
+
+  Object.defineProperty(model, 'externalValue', {
+    get: () => isControlled.value ? props[prop] : internal.value,
+  })
+
+  return model
+}
+
+function useProvided<T>(props: any, prop: string, provided: Ref<T>) {
+  const internal = useProxiedModel(props, prop)
+
+  internal.value = props[prop] ?? provided.value
+
+  watch(provided, (v) => {
+    if (props[prop] == null)
+      internal.value = v
+  })
+
+  return internal as Ref<T>
+}
+
+// todo: add formatNumber, formatCurrency, formatDateTime, formatDate, formatTime...
+function createProvideFunction(data: {
+  current: Ref<string>
+  fallback: Ref<string>
+  messages: Ref<LocaleMessages>
+}) {
+  return (props: LocaleOptions) => {
+    // todo: simplify this, we don't need to proxy anything, the messages are there
+    const current = useProvided(props, 'locale', data.current)
+    const fallback = useProvided(props, 'fallback', data.fallback)
+    const messages = useProvided(props, 'messages', data.messages)
+
+    const i18n = useI18n({
+      locale: current.value,
+      fallbackLocale: fallback.value,
+      messages: messages.value as any,
+      useScope: 'local',
+      legacy: false,
+      inheritLocale: false,
+    })
+
+    watch(current, l => i18n.locale.value = l)
+
+    return {
+      name: 'nuxt-vue-i18n',
+      current,
+      fallback,
+      messages,
+      // todo: fix this, we should check the options
+      // @ts-expect-error Type instantiation is excessively deep and possibly infinite.ts(2589)
+      t: (key, ...params) => i18n.t(key, params),
+      n: i18n.n,
+      provide: createProvideFunction({ current, fallback, messages }),
+    } satisfies LocaleInstance
+  }
+}
diff --git a/src/runtime/plugins/vuetify-i18n.mts b/src/runtime/plugins/vuetify-i18n.mts
new file mode 100644
index 0000000..90dc615
--- /dev/null
+++ b/src/runtime/plugins/vuetify-i18n.mts
@@ -0,0 +1,9 @@
+import { createAdapter } from './i18n'
+import { defineNuxtPlugin } from '#app'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.hook('vuetify:configuration', (_isDev, vuetifyOptions) => {
+    vuetifyOptions.locale = vuetifyOptions.locale ?? {}
+    vuetifyOptions.locale.adapter = createAdapter(nuxtApp)
+  })
+})
diff --git a/src/runtime/templates/plugin.mts b/src/runtime/plugins/vuetify.mts
similarity index 92%
rename from src/runtime/templates/plugin.mts
rename to src/runtime/plugins/vuetify.mts
index 4f250f6..67e7120 100644
--- a/src/runtime/templates/plugin.mts
+++ b/src/runtime/plugins/vuetify.mts
@@ -12,7 +12,7 @@ export default defineNuxtPlugin({
 
     await nuxtApp.hooks.callHook('vuetify:configuration', isDev, options)
 
-    const vuetify = createVuetify(vuetifyConfiguration())
+    const vuetify = createVuetify(options)
 
     nuxtApp.vueApp.use(vuetify)
 
diff --git a/src/types.ts b/src/types.ts
index 8dc7ca0..801ac88 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -2,7 +2,7 @@ import type { VuetifyOptions } from 'vuetify'
 
 export type BooleanOrArrayString = boolean | string[]
 
-export interface VOptions extends Partial<Omit<VuetifyOptions, 'ssr' | 'directives'>> {
+export interface VOptions extends Partial<Omit<VuetifyOptions, 'ssr' | 'directives' | 'locale' | 'date'>> {
   /**
    * Include the lab components?
    *
@@ -29,7 +29,6 @@ export interface VOptions extends Partial<Omit<VuetifyOptions, 'ssr' | 'directiv
 
 export interface ModuleOptions {
   moduleOptions?: {
-    writePlugin?: boolean
     styles?: true | 'none' | 'expose' | 'sass' | {
       configFile: string
     }