vuetify-nuxt-module 0.0.1 → 0.0.3

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2023-PRESENT Joaquín Sánchez <https://github.com/userquin>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2023-PRESENT Joaquín Sánchez <https://github.com/userquin>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,93 +1,106 @@
-<p align='center'>
-<img src='./hero.svg' alt="vuetify-nuxt-module - Zero-config Nuxt module for Vuetify"><br>
-Zero-config Nuxt module for Vuetify
-</p>
-
-<p align='center'>
-<a href='https://www.npmjs.com/package/vuetify-nuxt-module' target="__blank">
-<img src='https://img.shields.io/npm/v/vuetify-nuxt-module?color=33A6B8&label=' alt="NPM version">
-</a>
-<a href="https://www.npmjs.com/package/vuetify-nuxt-module" target="__blank">
-    <img alt="NPM Downloads" src="https://img.shields.io/npm/dm/vuetify-nuxt-module?color=476582&label=">
-</a>
-<!--
-<a href="https://vite-pwa-org.netlify.app/frameworks/nuxt" target="__blank">
-    <img src="https://img.shields.io/static/v1?label=&message=docs%20%26%20guides&color=2e859c" alt="Docs & Guides">
-</a>
--->
-<br>
-<a href="https://github.com/userquin/vuetify-nuxt-module" target="__blank">
-<img alt="GitHub stars" src="https://img.shields.io/github/stars/userquin/vuetify-nuxt-module?style=social">
-</a>
-</p>
-
-<br>
-
-## 🚀 Features
-
-- 📖 [**Documentation & guides**](README.md#-features) (WIP)
-- 👌 **Zero-Config**: sensible built-in default [Vuetify](https://vuetifyjs.com/) configuration for common use cases
-- 🔩 **Extensible**: expose the ability to customize the Vuetify configuration via [Nuxt Plugin Hooks](https://nuxt.com/docs/guide/going-further/hooks#usage-with-plugins)
-- ⚡ **Fully tree shakable**: by default, only the needed Vuetify components are imported
-- 🛠️ **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
-- 🦾 **Type Strong**: written in [TypeScript](https://www.typescriptlang.org/)
-
-## 📦 Install
-
-> Requires Vite 3.2.0+, will not work with Webpack
-
-```bash
-npm i vuetify-nuxt-module -D 
-
-# yarn 
-yarn add vuetify-nuxt-module -D
-
-# pnpm 
-pnpm add vuetify-nuxt-module -D
-```
-
-## 🦄 Usage
-
-> `vuetify-nuxt-module` is strongly opinionated and has a built-in default configuration out of the box. You can use it without any configuration, and it will work for most use cases.
-
-Add `vuetify-nuxt-module` module to `nuxt.config.ts` and configure it:
-
-```ts
-// nuxt.config.ts
-import { defineNuxtConfig } from 'nuxt/config'
-
-export default defineNuxtConfig({
-  modules: [
-    'vuetify-nuxt-module'
-  ],
-  vuetify: {
-    moduleOptions: {
-      /* module specific options */
-    },
-    vuetifyOptions: {
-      /* vuetify options */
-    }
-  }
-})
-```
-
-<!--
-Read the [📖 documentation](https://vite-pwa-org.netlify.app/frameworks/nuxt) for a complete guide on how to configure and use
-this plugin.
--->
-
-## 👀 Full config
-
-**WIP**
-<!--
-Check out the type declaration [src/types.ts](./src/types.ts) and the following links for more details.
-
-- [Web app manifests](https://developer.mozilla.org/en-US/docs/Web/Manifest)
-- [Workbox](https://developers.google.com/web/tools/workbox)
--->
-
-## 📄 License
-
-[MIT](./LICENSE) License &copy; 2023-PRESENT [Joaquín Sánchez](https://github.com/userquin)
+<p align='center'>
+<img src='./hero.svg' alt="vuetify-nuxt-module - Zero-config Nuxt module for Vuetify"><br>
+Zero-config Nuxt module for Vuetify
+</p>
+
+<p align='center'>
+<a href='https://www.npmjs.com/package/vuetify-nuxt-module' target="__blank">
+<img src='https://img.shields.io/npm/v/vuetify-nuxt-module?color=33A6B8&label=' alt="NPM version">
+</a>
+<a href="https://www.npmjs.com/package/vuetify-nuxt-module" target="__blank">
+    <img alt="NPM Downloads" src="https://img.shields.io/npm/dm/vuetify-nuxt-module?color=476582&label=">
+</a>
+<!--
+<a href="https://vite-pwa-org.netlify.app/frameworks/nuxt" target="__blank">
+    <img src="https://img.shields.io/static/v1?label=&message=docs%20%26%20guides&color=2e859c" alt="Docs & Guides">
+</a>
+-->
+<br>
+<a href="https://github.com/userquin/vuetify-nuxt-module" target="__blank">
+<img alt="GitHub stars" src="https://img.shields.io/github/stars/userquin/vuetify-nuxt-module?style=social">
+</a>
+</p>
+
+<br>
+
+## 🚀 Features
+
+- 📖 [**Documentation & guides**](README.md#-features) (WIP)
+- 👌 **Zero-Config**: sensible built-in default [Vuetify](https://vuetifyjs.com/) configuration for common use cases
+- 🔩 **Extensible**: expose the ability to customize the Vuetify configuration via [Nuxt Plugin Hooks](https://nuxt.com/docs/guide/going-further/hooks#usage-with-plugins)
+- ⚡ **Fully tree shakable**: by default, only the needed Vuetify components are imported
+- 🛠️ **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
+
+> Requires Vite, will not work with Webpack
+
+```bash
+npm i vuetify-nuxt-module -D 
+
+# yarn 
+yarn add vuetify-nuxt-module -D
+
+# pnpm 
+pnpm add vuetify-nuxt-module -D
+```
+
+## 🦄 Usage
+
+> `vuetify-nuxt-module` is strongly opinionated and has a built-in default configuration out of the box. You can use it without any configuration, and it will work for most use cases.
+
+Add `vuetify-nuxt-module` module to `nuxt.config.ts` and configure it:
+
+```ts
+// nuxt.config.ts
+import { defineNuxtConfig } from 'nuxt/config'
+
+export default defineNuxtConfig({
+  modules: [
+    'vuetify-nuxt-module'
+  ],
+  vuetify: {
+    moduleOptions: {
+      /* module specific options */
+    },
+    vuetifyOptions: {
+      /* vuetify options */
+    }
+  }
+})
+```
+
+## 🌍 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.
+-->
+
+## 👀 Full config
+
+**WIP**
+<!--
+Check out the type declaration [src/types.ts](./src/types.ts) and the following links for more details.
+
+- [Web app manifests](https://developer.mozilla.org/en-US/docs/Web/Manifest)
+- [Workbox](https://developers.google.com/web/tools/workbox)
+-->
+
+## 📄 License
+
+[MIT](./LICENSE) License &copy; 2023-PRESENT [Joaquín Sánchez](https://github.com/userquin)

package/configuration.d.ts

@@ -1,6 +1,6 @@
-declare module 'virtual:vuetify-configuration' {
-  import type { VuetifyOptions } from 'vuetify';
-
-  export const isDev: boolean
-  export const vuetifyConfiguration: () => VuetifyOptions
-}
+declare module 'virtual:vuetify-configuration' {
+  import type { VuetifyOptions } from 'vuetify';
+
+  export const isDev: boolean
+  export const vuetifyConfiguration: () => VuetifyOptions
+}

package/dist/module.d.ts

@@ -2,7 +2,7 @@ import * as _nuxt_schema from '@nuxt/schema';
 import { VuetifyOptions } from 'vuetify';
 
 type BooleanOrArrayString = boolean | string[];
-interface VOptions extends Partial<Omit<VuetifyOptions, 'ssr' | 'directives'>> {
+interface VOptions extends Partial<Omit<VuetifyOptions, 'ssr' | 'directives' | 'locale' | 'date'>> {
     /**
      * Include the lab components?
      *
@@ -28,7 +28,6 @@ interface VOptions extends Partial<Omit<VuetifyOptions, 'ssr' | 'directives'>> {
 }
 interface ModuleOptions {
     moduleOptions?: {
-        writePlugin?: boolean;
         styles?: true | 'none' | 'expose' | 'sass' | {
             configFile: string;
         };
@@ -37,7 +36,7 @@ interface ModuleOptions {
 }
 declare module '#app' {
     interface RuntimeNuxtHooks {
-        'vuetify:configuration': (vuetifyOptions: VuetifyOptions) => void;
+        'vuetify:configuration': (isDev: boolean, vuetifyOptions: VuetifyOptions) => Promise<void> | void;
     }
 }
 

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.0.1"
+  "version": "0.0.3"
 }

package/dist/module.mjs

@@ -1,16 +1,16 @@
-import { useLogger, defineNuxtModule, createResolver, extendWebpackConfig, addPluginTemplate } from '@nuxt/kit';
+import { useLogger, defineNuxtModule, createResolver, extendWebpackConfig, addPlugin, hasNuxtModule } from '@nuxt/kit';
 import defu from 'defu';
 import vuetify from 'vite-plugin-vuetify';
 import { utimes } from 'node:fs/promises';
 import { resolveVuetifyBase, normalizePath, writeStyles, cacheDir } from '@vuetify/loader-shared';
-import * as path from 'upath';
+import { isAbsolute, join, relative } from 'pathe';
 import { normalizePath as normalizePath$1 } from 'vite';
 
-const version = "0.0.1";
+const version = "0.0.3";
 
 function isSubdir(root, test) {
-  const relative = path.relative(root, test);
-  return relative && !relative.startsWith("..") && !path.isAbsolute(relative);
+  const relative$1 = relative(root, test);
+  return relative$1 && !relative$1.startsWith("..") && !isAbsolute(relative$1);
 }
 const styleImportRegexp = /(@use |meta\.load-css\()['"](vuetify(?:\/lib)?(?:\/styles(?:\/main(?:\.sass)?)?)?)['"]/;
 function stylesPlugin(options, logger) {
@@ -111,14 +111,14 @@ function stylesPlugin(options, logger) {
     },
     configResolved(config) {
       if (typeof options.styles === "object") {
-        if (path.isAbsolute(options.styles.configFile))
+        if (isAbsolute(options.styles.configFile))
           configFile = options.styles.configFile;
         else
-          configFile = path.join(config.root || process.cwd(), options.styles.configFile);
+          configFile = join(config.root || process.cwd(), options.styles.configFile);
       }
     },
-    async resolveId(source, importer, { custom }) {
-      if (source === "vuetify/styles" || importer && source.endsWith(".css") && isSubdir(vuetifyBase, path.isAbsolute(source) ? source : importer)) {
+    async resolveId(source, importer, { custom, ssr }) {
+      if (source === "vuetify/styles" || importer && source.endsWith(".css") && isSubdir(vuetifyBase, isAbsolute(source) ? source : importer)) {
         if (options.styles === "none") {
           return "/@plugin-vuetify/lib/__void__";
         } else if (options.styles === "sass") {
@@ -143,14 +143,13 @@ function stylesPlugin(options, logger) {
           if (!resolution)
             return null;
           const target = resolution.id.replace(/\.css$/, ".sass");
-          const file = path.relative(path.join(vuetifyBase, "lib"), target);
+          const file = relative(join(vuetifyBase, "lib"), target);
           const contents = `@use "${normalizePath(configFile)}"
 @use "${normalizePath(target)}"`;
           tempFiles.set(file, contents);
-          return `/@plugin-vuetify/lib/${file}`;
+          return ssr ? `/@plugin-vuetify/lib/${file}` : `/@fs/plugin-vuetify/lib/${file}`;
         }
       }
-      return null;
     },
     async transform(code, id) {
       if (options.styles === "expose" && [".scss", ".sass"].some((v) => id.endsWith(v)) && styleImportRegexp.test(code)) {
@@ -170,13 +169,17 @@ function stylesPlugin(options, logger) {
         const file = /^\/@plugin-vuetify\/lib\/(.*?)(\?.*)?$/.exec(id)[1];
         return tempFiles.get(file);
       }
+      if (id.startsWith("/@fs/plugin-vuetify/lib/")) {
+        const file = /^\/@fs\/plugin-vuetify\/lib\/(.*?)(\?.*)?$/.exec(id)[1];
+        return tempFiles.get(file);
+      }
     }
   };
 }
 
 function vuetifyConfigurationPlugin(isDev, directives, labComponents, vuetifyAppOptions) {
   const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
-  const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `\0${VIRTUAL_VUETIFY_CONFIGURATION}`;
+  const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_CONFIGURATION.slice("virtual:".length)}`;
   return {
     name: "vuetify:configuration:nuxt",
     enforce: "pre",
@@ -187,15 +190,15 @@ function vuetifyConfigurationPlugin(isDev, directives, labComponents, vuetifyApp
     async load(id) {
       if (id === RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION) {
         const directivesResult = buildDirectives();
-        const labsComponentsResult = buildLabsComponents();
+        const labComponentsResult = buildLabComponents();
         return `${directivesResult.imports}
-${labsComponentsResult.imports}
+${labComponentsResult.imports}
 
 export const isDev = ${isDev}
 export function vuetifyConfiguration() {
   const options = ${JSON.stringify(vuetifyAppOptions)}
   ${directivesResult.expression}
-  ${labsComponentsResult.expression}
+  ${labComponentsResult.expression}
   return options
 }
 `;
@@ -217,7 +220,7 @@ export function vuetifyConfiguration() {
       };
     }
   }
-  function buildLabsComponents() {
+  function buildLabComponents() {
     if (!labComponents)
       return { imports: "", expression: "" };
     if (typeof labComponents === "boolean") {
@@ -244,16 +247,15 @@ const module = defineNuxtModule({
     version
   },
   // Default configuration options of the Nuxt module
-  defaults: {
+  defaults: () => ({
     vuetifyOptions: {
       labComponents: false,
       directives: false
     },
     moduleOptions: {
-      writePlugin: true,
       styles: true
     }
-  },
+  }),
   setup(options, nuxt) {
     var _a;
     const resolver = createResolver(import.meta.url);
@@ -270,7 +272,7 @@ const module = defineNuxtModule({
     const runtimeDir = resolver.resolve("./runtime");
     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);
     (_a = nuxt.options).css ?? (_a.css = []);
     if (typeof styles === "string" && ["sass", "expose"].includes(styles))
@@ -285,7 +287,7 @@ const module = defineNuxtModule({
     nuxt.hook("vite:extend", ({ config }) => checkVuetifyPlugins(config));
     nuxt.hook("prepare:types", ({ references }) => {
       references.push({ types: "vuetify-nuxt-module/configuration" });
-      references.push({ types: "vuetify/components" });
+      references.push({ types: "vuetify" });
     });
     nuxt.hook("vite:extendConfig", (viteInlineConfig) => {
       viteInlineConfig.plugins = viteInlineConfig.plugins || [];
@@ -296,7 +298,7 @@ const module = defineNuxtModule({
         ...Array.isArray(viteInlineConfig.ssr.noExternal) ? viteInlineConfig.ssr.noExternal : [],
         CONFIG_KEY
       ];
-      const autoImportPlugin = vuetify({ styles, autoImport: true }).find((p) => p && typeof p === "object" && "name" in p && p.name === "vuetify:import");
+      const autoImportPlugin = vuetify({ styles: true, autoImport: true }).find((p) => p && typeof p === "object" && "name" in p && p.name === "vuetify:import");
       viteInlineConfig.plugins.push(autoImportPlugin);
       viteInlineConfig.plugins.push(stylesPlugin({ styles }, logger));
       viteInlineConfig.plugins.push(vuetifyConfigurationPlugin(
@@ -306,12 +308,14 @@ const module = defineNuxtModule({
         vuetifyAppOptions
       ));
     });
-    addPluginTemplate({
-      src: resolver.resolve(runtimeDir, "templates/plugin.mts"),
-      write: nuxt.options.dev || writePlugin
-    }, {
-      append: true
+    addPlugin({
+      src: resolver.resolve(runtimeDir, "plugins/vuetify.mts")
     });
+    if (hasNuxtModule("@nuxtjs/i18n", nuxt)) {
+      addPlugin({
+        src: resolver.resolve(runtimeDir, "plugins/vuetify-i18n.mts")
+      });
+    }
   }
 });
 function checkVuetifyPlugins(config) {

package/dist/runtime/plugins/i18n.d.ts

@@ -0,0 +1,20 @@
+import type { Ref } from 'vue';
+import type { LocaleMessages, LocaleOptions } from 'vuetify';
+import type { NuxtApp } from '#app';
+export declare function createAdapter(nuxtApp: NuxtApp): {
+    name: string;
+    current: any;
+    fallback: any;
+    messages: any;
+    t: (key: string, ...params: unknown[]) => any;
+    n: any;
+    provide: (props: LocaleOptions) => {
+        name: string;
+        current: Ref<string>;
+        fallback: Ref<string>;
+        messages: Ref<LocaleMessages>;
+        t: (key: string, ...params: unknown[]) => any;
+        n: any;
+        provide: any;
+    };
+};

package/dist/runtime/plugins/i18n.mjs

@@ -0,0 +1,136 @@
+import {
+  getCurrentInstance as _getCurrentInstance,
+  computed,
+  effectScope,
+  onScopeDispose,
+  ref,
+  toRaw,
+  watch
+} from "vue";
+import { useI18n } from "#imports";
+export function createAdapter(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 })
+  };
+}
+function getCurrentInstance(name, message) {
+  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 = /* @__PURE__ */ new Map();
+function useToggleScope(source, fn) {
+  let scope;
+  function start() {
+    scope = effectScope();
+    scope.run(
+      () => fn.length ? fn(() => {
+        scope?.stop();
+        start();
+      }) : fn()
+    );
+  }
+  watch(source, (active) => {
+    if (active && !scope) {
+      start();
+    } else if (!active) {
+      scope?.stop();
+      scope = void 0;
+    }
+  }, { immediate: true });
+  onScopeDispose(() => {
+    scope?.stop();
+  });
+}
+function useProxiedModel(props, prop, defaultValue, transformIn = (v) => v, transformOut = (v) => v) {
+  const vm = getCurrentInstance("useProxiedModel");
+  const internal = ref(props[prop] !== void 0 ? props[prop] : defaultValue);
+  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() {
+      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);
+    }
+  });
+  Object.defineProperty(model, "externalValue", {
+    get: () => isControlled.value ? props[prop] : internal.value
+  });
+  return model;
+}
+function useProvided(props, prop, provided) {
+  const internal = useProxiedModel(props, prop);
+  internal.value = props[prop] ?? provided.value;
+  watch(provided, (v) => {
+    if (props[prop] == null)
+      internal.value = v;
+  });
+  return internal;
+}
+function createProvideFunction(data) {
+  return (props) => {
+    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,
+      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 })
+    };
+  };
+}

package/dist/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)
+  })
+})

package/dist/runtime/{templates/plugin.mts → plugins/vuetify.mts}

@@ -1,30 +1,30 @@
-import { createVuetify } from 'vuetify'
-import { isDev, vuetifyConfiguration } from 'virtual:vuetify-configuration'
-import { defineNuxtPlugin, useNuxtApp } from '#app'
-
-export default defineNuxtPlugin({
-  name: 'vuetify:configuration:plugin',
-  enforce: 'post',
-  parallel: false,
-  async setup() {
-    const nuxtApp = useNuxtApp()
-    const options = vuetifyConfiguration()
-
-    await nuxtApp.hooks.callHook('vuetify:configuration', options)
-
-    const vuetify = createVuetify(vuetifyConfiguration())
-
-    nuxtApp.vueApp.use(vuetify)
-
-    if (!process.server && isDev) {
-      // eslint-disable-next-line no-console
-      console.log('Vuetify 3 initialized', vuetify)
-    }
-
-    return {
-      provide: {
-        vuetify,
-      },
-    }
-  },
-})
+import { createVuetify } from 'vuetify'
+import { isDev, vuetifyConfiguration } from 'virtual:vuetify-configuration'
+import { defineNuxtPlugin, useNuxtApp } from '#app'
+
+export default defineNuxtPlugin({
+  name: 'vuetify:configuration:plugin',
+  enforce: 'post',
+  parallel: false,
+  async setup() {
+    const nuxtApp = useNuxtApp()
+    const options = vuetifyConfiguration()
+
+    await nuxtApp.hooks.callHook('vuetify:configuration', isDev, options)
+
+    const vuetify = createVuetify(options)
+
+    nuxtApp.vueApp.use(vuetify)
+
+    if (process.client && isDev) {
+      // eslint-disable-next-line no-console
+      console.log('Vuetify 3 initialized', vuetify)
+    }
+
+    return {
+      provide: {
+        vuetify,
+      },
+    }
+  },
+})

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "packageManager": "pnpm@8.6.5",
   "description": "Zero-Config Nuxt Module for Vuetify ",
   "author": "userquin <userquin@gmail.com>",
@@ -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"
+    }
   }
-}
+}