@maz-ui/nuxt 4.0.0-beta.6 → 4.0.0-beta.8

package/dist/module.d.mts

@@ -272,7 +272,7 @@ declare module '@nuxt/schema' {
         mazUi: MazUiNuxtOptions;
     }
     interface PublicRuntimeConfig {
-        mazUi: MazUiNuxtOptions;
+        mazUi: Required<MazUiNuxtOptions>;
     }
 }
 declare const _default: _nuxt_schema.NuxtModule<MazUiNuxtOptions, MazUiNuxtOptions, false>;

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "4.0.0-beta.6",
+  "version": "4.0.0-beta.8",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/module.mjs

@@ -22,7 +22,7 @@ const COMPONENT_NAMES = {
   MazChecklist: true,
   MazCircularProgressBar: true,
   MazDialog: true,
-  MazDialogPromise: true,
+  MazDialogConfirm: true,
   MazDrawer: true,
   MazDropdown: true,
   MazDropzone: true,
@@ -63,6 +63,27 @@ const COMPONENT_NAMES = {
   MazPopover: true
 };
 const _dirname = dirname(fileURLToPath(import.meta.url));
+const pluginComposables = {
+  useTheme: true,
+  useTranslations: true
+};
+const mazUiComposables = {
+  useIdleTimeout: true,
+  useReadingTime: true,
+  useFormField: true,
+  useWindowSize: true,
+  useBreakpoints: true,
+  useUserVisibility: true,
+  useStringMatching: true,
+  useTimer: true,
+  useFormValidator: true,
+  useDisplayNames: true,
+  useFreezeValue: true,
+  useInjectStrict: true,
+  useInstanceUniqId: true,
+  useMountComponent: true,
+  useSwipe: true
+};
 const defaults = {
   general: {
     autoImportPrefix: "",
@@ -79,7 +100,9 @@ const defaults = {
     colorMode: "auto"
   },
   translations: {
-    locale: "en"
+    locale: "en",
+    fallbackLocale: "en",
+    preloadFallback: true
   },
   components: {
     autoImport: true
@@ -91,23 +114,8 @@ const defaults = {
     wait: false
   },
   composables: {
-    useTheme: true,
-    useIdleTimeout: true,
-    useReadingTime: true,
-    useTranslations: true,
-    useFormField: true,
-    useWindowSize: true,
-    useBreakpoints: true,
-    useUserVisibility: true,
-    useStringMatching: true,
-    useTimer: true,
-    useFormValidator: true,
-    useDisplayNames: true,
-    useFreezeValue: true,
-    useInjectStrict: true,
-    useInstanceUniqId: true,
-    useMountComponent: true,
-    useSwipe: true
+    ...pluginComposables,
+    ...mazUiComposables
   },
   directives: {
     vZoomImg: false,
@@ -117,16 +125,15 @@ const defaults = {
     vTooltip: false
   }
 };
-function addComposableImport({
+function addMazUiComposableImport({
   name,
   from,
-  prefix = "",
-  typed = true
+  prefix = ""
 }) {
   addImports({
     from,
     name,
-    typeFrom: typed ? `maz-ui/dist/types/composables/${name}.d.ts` : void 0,
+    typeFrom: "maz-ui/dist/types/composables/index.d.ts",
     as: `use${capitalize(prefix)}${name.replace("use", "")}`
   });
 }
@@ -142,8 +149,16 @@ const module = defineNuxtModule({
   /* eslint-disable complexity, sonarjs/cognitive-complexity */
   setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
-    nuxt.options.build.transpile = ["maz-ui", "@maz-ui/themes", ...nuxt.options.build.transpile];
-    const moduleOptions = defu(nuxt.options.runtimeConfig.public.mazUi, options, defaults);
+    nuxt.options.build.transpile = [
+      "maz-ui",
+      "@maz-ui/themes",
+      ...nuxt.options.build.transpile
+    ];
+    const moduleOptions = defu(
+      nuxt.options.runtimeConfig.public.mazUi,
+      options,
+      defaults
+    );
     nuxt.options.runtimeConfig.public.mazUi = moduleOptions;
     if (moduleOptions.css.injectMainCss) {
       nuxt.options.css = ["maz-ui/dist/css/main.css", ...nuxt.options.css];
@@ -158,13 +173,13 @@ const module = defineNuxtModule({
         });
       }
     }
+    const autoImportPrefix = moduleOptions.general.autoImportPrefix;
     if (moduleOptions.plugins.aos) {
       addPlugin(resolve(_dirname, "./runtime/plugins/aos"));
-      addComposableImport({
+      addMazUiComposableImport({
         name: "useAos",
-        typed: false,
         from: resolve(_dirname, "./runtime/composables/useAos"),
-        prefix: moduleOptions.general?.autoImportPrefix
+        prefix: autoImportPrefix
       });
       const injectAosCSS = typeof moduleOptions.plugins.aos === "object" && typeof moduleOptions.plugins.aos.injectCss === "boolean" ? moduleOptions.plugins.aos.injectCss : true;
       if (injectAosCSS) {
@@ -173,29 +188,26 @@ const module = defineNuxtModule({
     }
     if (moduleOptions.plugins.toast) {
       addPlugin(resolve(_dirname, "./runtime/plugins/toast"));
-      addComposableImport({
+      addMazUiComposableImport({
         name: "useToast",
-        typed: false,
         from: resolve(_dirname, "./runtime/composables/useToast"),
-        prefix: moduleOptions.general?.autoImportPrefix
+        prefix: autoImportPrefix
       });
     }
     if (moduleOptions.plugins.dialog) {
       addPlugin(resolve(_dirname, "./runtime/plugins/dialog"));
-      addComposableImport({
+      addMazUiComposableImport({
         name: "useDialog",
-        typed: false,
         from: resolve(_dirname, "./runtime/composables/useDialog"),
-        prefix: moduleOptions.general?.autoImportPrefix
+        prefix: autoImportPrefix
       });
     }
     if (moduleOptions.plugins.wait) {
       addPlugin(resolve(_dirname, "./runtime/plugins/wait"));
-      addComposableImport({
+      addMazUiComposableImport({
         name: "useWait",
-        typed: false,
         from: resolve(_dirname, "./runtime/composables/useWait"),
-        prefix: moduleOptions.general?.autoImportPrefix
+        prefix: autoImportPrefix
       });
     }
     if (moduleOptions.directives.vZoomImg) {
@@ -213,125 +225,26 @@ const module = defineNuxtModule({
     if (moduleOptions.directives.vTooltip) {
       addPlugin(resolve(_dirname, "./runtime/plugins/v-tooltip"));
     }
-    if (moduleOptions.composables.useIdleTimeout) {
-      addComposableImport({
-        name: "useIdleTimeout",
-        from: "maz-ui/composables/useIdleTimeout",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useReadingTime) {
-      addComposableImport({
-        name: "useReadingTime",
-        from: "maz-ui/composables/useReadingTime",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useWindowSize) {
-      addComposableImport({
-        name: "useWindowSize",
-        from: "maz-ui/composables/useWindowSize",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useBreakpoints) {
-      addImports({
-        from: "maz-ui/composables/useBreakpoints",
-        name: "useBreakpoints",
-        as: "useBreakpoints"
-      });
-    }
-    if (moduleOptions.composables.useUserVisibility) {
-      addComposableImport({
-        name: "useUserVisibility",
-        from: "maz-ui/composables/useUserVisibility",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useStringMatching) {
-      addComposableImport({
-        name: "useStringMatching",
-        from: "maz-ui/composables/useStringMatching",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useTimer) {
-      addComposableImport({
-        name: "useTimer",
-        from: "maz-ui/composables/useTimer",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useFreezeValue) {
-      addComposableImport({
-        name: "useFreezeValue",
-        from: "maz-ui/composables/useFreezeValue",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useInjectStrict) {
-      addComposableImport({
-        name: "useInjectStrict",
-        from: "maz-ui/composables/useInjectStrict",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useInstanceUniqId) {
-      addComposableImport({
-        name: "useInstanceUniqId",
-        from: "maz-ui/composables/useInstanceUniqId",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useMountComponent) {
-      addComposableImport({
-        name: "useMountComponent",
-        from: "maz-ui/composables/useMountComponent",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useSwipe) {
-      addComposableImport({
-        name: "useSwipe",
-        from: "maz-ui/composables/useSwipe",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useFormValidator) {
-      addComposableImport({
-        name: "useFormValidator",
-        from: "maz-ui/composables/useFormValidator",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useFormField) {
-      addComposableImport({
-        name: "useFormField",
-        from: "maz-ui/composables/useFormField",
-        prefix: moduleOptions.general?.autoImportPrefix
-      });
-    }
-    if (moduleOptions.composables.useDisplayNames) {
-      addComposableImport({
-        name: "useDisplayNames",
-        from: "maz-ui/composables/useDisplayNames",
-        prefix: moduleOptions.general?.autoImportPrefix
+    const allowedMazUiComposables = Object.keys(moduleOptions.composables).filter((composable) => mazUiComposables[composable]);
+    for (const composable of allowedMazUiComposables) {
+      addMazUiComposableImport({
+        name: composable,
+        from: `maz-ui/composables`,
+        prefix: autoImportPrefix
       });
     }
     if (moduleOptions.composables.useTheme) {
-      addComposableImport({
+      addImports({
         name: "useTheme",
-        typed: false,
-        from: "@maz-ui/themes/composables/useTheme",
-        prefix: moduleOptions.general?.autoImportPrefix
+        from: "@maz-ui/themes",
+        as: `use${capitalize(autoImportPrefix)}Theme`
       });
     }
     if (moduleOptions.composables.useTranslations) {
-      addComposableImport({
+      addImports({
         name: "useTranslations",
-        typed: false,
         from: "@maz-ui/translations",
-        prefix: moduleOptions.general?.autoImportPrefix
+        as: `use${capitalize(autoImportPrefix)}Translations`
       });
     }
     if (moduleOptions.general.defaultMazIconPath) {

package/dist/runtime/plugins/translations.js

@@ -1,6 +1,21 @@
-import { MazTranslations } from "@maz-ui/translations";
+import {
+  MazTranslations
+} from "@maz-ui/translations";
 import { defineNuxtPlugin } from "nuxt/app";
-export default defineNuxtPlugin(({ vueApp, $config }) => {
-  const translationsOptions = $config.public.mazUi?.translations;
-  vueApp.use(MazTranslations, translationsOptions);
+export default defineNuxtPlugin(async ({ vueApp, $config }) => {
+  const translationsOptions = $config.public.mazUi.translations || {};
+  const i18n = MazTranslations.install(vueApp, translationsOptions);
+  if (process.server) {
+    const locale = translationsOptions.locale || "en";
+    const fallbackLocale = translationsOptions.fallbackLocale || "en";
+    try {
+      await i18n.setLocale(locale);
+      if (locale !== fallbackLocale && translationsOptions.preloadFallback !== false) {
+        await i18n.setLocale(fallbackLocale);
+        await i18n.setLocale(locale);
+      }
+    } catch (error) {
+      console.warn("Failed to preload locale:", error);
+    }
+  }
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maz-ui/nuxt",
   "type": "module",
-  "version": "4.0.0-beta.6",
+  "version": "4.0.0-beta.8",
   "description": "Nuxt module for Maz-UI",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -46,21 +46,18 @@
   ],
   "scripts": {
     "prepack": "nuxt-module-build build",
-    "build": "pnpm prepare && nuxt-module-build build",
-    "prepare": "nuxt-module-build build --stub && nuxt-module-build prepare",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare",
+    "build": "pnpm dev && nuxt-module-build build",
+    "dev": "nuxt-module-build build --stub && nuxt-module-build prepare",
     "lint": "cross-env NODE_ENV=production eslint .",
     "lint:fix": "pnpm lint --fix",
-    "format": "prettier --ignore-path .gitignore . --write",
-    "typecheck": "vue-tsc --noEmit --skipLibCheck",
-    "release": "npm run lint && npm run prepack && changelogen --release && npm publish && git push --follow-tags"
+    "typecheck": "vue-tsc --noEmit --skipLibCheck"
   },
   "dependencies": {
-    "@maz-ui/themes": "4.0.0-beta.6",
-    "@maz-ui/translations": "4.0.0-beta.6",
+    "@maz-ui/themes": "4.0.0-beta.8",
+    "@maz-ui/translations": "4.0.0-beta.8",
     "@nuxt/kit": "^3.17.4",
     "defu": "^6.1.4",
-    "maz-ui": "4.0.0-beta.6"
+    "maz-ui": "4.0.0-beta.8"
   },
   "devDependencies": {
     "@nuxt/devtools": "^2.4.1",
@@ -73,8 +70,7 @@
     "vitest": "^3.2.4"
   },
   "lint-staged": {
-    "*": "prettier -w -u",
     "*.{js,ts,mjs,mts,cjs,md}": "cross-env NODE_ENV=production eslint --fix"
   },
-  "gitHead": "bbff6fcfca7d47dd8f8024b69ac787b66ba0b65e"
+  "gitHead": "fef4d097f7e992f20980cc628216f070a516644e"
 }