vuetify-nuxt-module 0.5.1 → 0.5.3

package/README.md

@@ -1,9 +1,9 @@
 <div align="center">
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="https://github.com/userquin/vuetify-nuxt-module/raw/main/hero-dark.svg" />
-  <img alt="vuetify-nuxt-module - Zero-config Nuxt module for Vuetify" src='https://github.com/userquin/vuetify-nuxt-module/raw/main/hero.svg' alt="vuetify-nuxt-module - Zero-config Nuxt module for Vuetify"><br>
+  <img alt="vuetify-nuxt-module - Zero-config Nuxt Module for Vuetify" src='https://github.com/userquin/vuetify-nuxt-module/raw/main/hero.svg' alt="vuetify-nuxt-module - Zero-config Nuxt Module for Vuetify"><br>
 </picture>
-<p>Zero-config Nuxt module for Vuetify</p>
+<p>Zero-config Nuxt Module for Vuetify</p>
 </div>
 
 <p align='center'>

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.5.1"
+  "version": "0.5.3"
 }

package/dist/module.mjs

@@ -10,7 +10,7 @@ import { resolveVuetifyBase, normalizePath, writeStyles, cacheDir } from '@vueti
 import { isAbsolute, join, relative } from 'pathe';
 import { normalizePath as normalizePath$1 } from 'vite';
 
-const version = "0.5.1";
+const version = "0.5.3";
 
 const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
 const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_CONFIGURATION.slice("virtual:".length)}`;

package/dist/runtime/plugins/i18n.mjs

@@ -1,12 +1,4 @@
-import {
-  getCurrentInstance as _getCurrentInstance,
-  computed,
-  effectScope,
-  onScopeDispose,
-  ref,
-  toRaw,
-  watch
-} from "vue";
+import { ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { useNuxtApp } from "#app";
 export function createAdapter(vuetifyOptions) {
@@ -16,120 +8,53 @@ export function createAdapter(vuetifyOptions) {
   const current = i18n.locale;
   const fallback = i18n.fallbackLocale;
   const messages = i18n.messages;
+  const currentLocale = ref(current.value);
   vuetifyOptions.locale.rtl = i18n.locales.value.reduce((acc, locale) => {
     acc[locale.code] = locale.dir === "rtl";
     return acc;
   }, {});
+  watch(currentLocale, (val, oldVal) => {
+    if (oldVal)
+      i18n.setLocale(val);
+  }, { immediate: true, flush: "post" });
+  nuxtApp.hook("i18n:localeSwitched", ({ newLocale }) => {
+    currentLocale.value = newLocale;
+  });
   vuetifyOptions.locale.adapter = {
     name: "nuxt-vue-i18n",
-    current,
+    current: currentLocale,
     fallback,
     messages,
     t: (key, ...params) => i18n.t(key, params),
     n: i18n.n,
-    provide: createProvideFunction({ current, fallback, messages })
+    provide: createProvideFunction({ current: currentLocale, 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 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 toKebabCase(str = "") {
-  return str.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
-}
-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 currentLocale = ref(props.locale ?? data.current.value);
     const i18n = useI18n({
-      locale: current.value,
-      fallbackLocale: fallback.value,
-      messages: messages.value,
+      locale: currentLocale.value,
+      fallbackLocale: data.fallback.value,
+      messages: data.messages.value,
       useScope: "local",
       legacy: false,
       inheritLocale: false
     });
+    watch(currentLocale, (val, oldVal) => {
+      if (oldVal)
+        i18n.setLocale(val);
+    }, { immediate: true, flush: "post" });
     return {
       name: "nuxt-vue-i18n",
-      current,
-      fallback,
-      messages,
+      current: currentLocale,
+      fallback: data.fallback,
+      messages: data.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 })
+      provide: createProvideFunction({ current: currentLocale, fallback: data.fallback, messages: data.messages })
     };
   };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "packageManager": "pnpm@8.6.9",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
@@ -71,7 +71,7 @@
     "vuetify": "^3.3.9"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.6.2",
+    "@nuxt/kit": "^3.6.5",
     "defu": "^6.1.2",
     "perfect-debounce": "^1.0.0",
     "unconfig": "^0.3.9",
@@ -79,27 +79,27 @@
     "vuetify": "^3.3.9"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.39.6",
-    "@antfu/ni": "^0.21.4",
-    "@date-io/luxon": "^2.16.1",
+    "@antfu/eslint-config": "^0.39.8",
+    "@antfu/ni": "^0.21.5",
+    "@date-io/luxon": "^2.17.0",
     "@fortawesome/fontawesome-svg-core": "^6.4.0",
     "@fortawesome/free-solid-svg-icons": "^6.4.0",
     "@fortawesome/vue-fontawesome": "^3.0.3",
     "@iconify-json/carbon": "^1.1.18",
     "@iconify-json/mdi": "^1.1.53",
     "@mdi/js": "^7.2.96",
-    "@nuxt/devtools": "^0.6.7",
+    "@nuxt/devtools": "^0.7.0",
     "@nuxt/module-builder": "^0.4.0",
-    "@nuxt/schema": "^3.6.2",
-    "@nuxt/test-utils": "^3.6.2",
-    "@nuxtjs/i18n": "^8.0.0-beta.13",
-    "@parcel/watcher": "^2.1.0",
+    "@nuxt/schema": "^3.6.5",
+    "@nuxt/test-utils": "^3.6.5",
+    "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge",
+    "@parcel/watcher": "^2.2.0",
     "@types/node": "^18",
-    "@unocss/nuxt": "^0.53.5",
+    "@unocss/nuxt": "^0.53.6",
     "bumpp": "^9.1.1",
-    "eslint": "^8.43.0",
+    "eslint": "^8.45.0",
     "luxon": "^3.3.0",
-    "nuxt": "^3.6.2",
+    "nuxt": "^3.6.5",
     "sass": "^1.63.6",
     "typescript": "^5.1.6",
     "vite": "^4.3.9",
@@ -125,9 +125,6 @@
     ]
   },
   "pnpm": {
-    "patchedDependencies": {
-      "@nuxtjs/i18n@8.0.0-beta.13": "patches/@nuxtjs__i18n@8.0.0-beta.13.patch"
-    },
     "peerDependencyRules": {
       "ignoreMissing": [
         "@algolia/client-search"
@@ -138,4 +135,4 @@
     "installDependencies": false,
     "startCommand": "node .stackblitz.js && pnpm install && pnpm run dev"
   }
-}
+}