@maz-ui/nuxt 5.0.0-beta.3 → 5.0.0-beta.31

package/README.md

@@ -182,6 +182,13 @@ export default defineNuxtConfig({
       autoImport: true, // Auto-import all components globally
     },
 
+    // Global component defaults (instance prop > defaults[Component] > defaults.global > library default)
+    defaults: {
+      global: { roundedSize: 'lg' }, // cross-cutting (roundedSize, size)
+      MazBtn: { roundedSize: 'full' }, // per-component, wins over global
+      MazCard: { bordered: false, elevation: true },
+    },
+
     // Composables (customize what you need)
     composables: {
       useTheme: true,
@@ -264,7 +271,7 @@ This module is built specifically for Nuxt with perfect SSR and SSG support:
 
 ## Learn More
 
-- **[Full Documentation](https://maz-ui.com/guide/nuxt)**
+- **[Full Documentation](https://maz-ui.com/ecosystem/nuxt)**
 - **[Report Issues](https://github.com/LouisMazel/maz-ui/issues)**
 - **[Discussions](https://github.com/LouisMazel/maz-ui/discussions)**
 

package/dist/module.d.mts

@@ -1,6 +1,7 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { MazUiThemeOptions, ThemePreset, ThemePresetName } from '@maz-ui/themes';
 import { MazUiTranslationsOptions } from '@maz-ui/translations';
+import { MazUiDefaultsOptions } from 'maz-ui/composables/useGlobalConfig';
 import { VLazyImgOptions, VFullscreenImgOptions, VTooltipOptions } from 'maz-ui/directives';
 import { AosOptions, DialogOptions, ToastOptions } from 'maz-ui/plugins';
 
@@ -55,6 +56,19 @@ interface MazUiNuxtOptions {
      * }
      */
     translations?: MazUiTranslationsOptions;
+    /**
+     * Global default prop values for components
+     * @description Set default prop values once for every component, with the priority:
+     * instance prop > `defaults[Component]` > `defaults.global` > library default.
+     * A global default never wins over a prop set on the component instance.
+     * @default {}
+     * @example {
+     *   global: { roundedSize: 'lg' },
+     *   MazBtn: { roundedSize: 'full' },
+     *   MazCard: { bordered: false, elevation: true },
+     * }
+     */
+    defaults?: MazUiDefaultsOptions;
     /**
      * CSS and styles configuration
      */

package/dist/module.json

@@ -4,9 +4,9 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "5.0.0-beta.3",
+  "version": "5.0.0-beta.31",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
-    "unbuild": "3.6.1"
+    "unbuild": "unknown"
   }
 }

package/dist/module.mjs

@@ -25,6 +25,7 @@ const COMPONENT_NAMES = {
   MazChecklist: true,
   MazContainer: true,
   MazCircularProgressBar: true,
+  MazCodeHighlight: true,
   MazDialog: true,
   MazDialogConfirm: true,
   MazDrawer: true,
@@ -43,6 +44,7 @@ const COMPONENT_NAMES = {
   MazLazyImg: true,
   MazLink: true,
   MazLoadingBar: true,
+  MazMarkdownEditor: true,
   MazPagination: true,
   MazDatePicker: true,
   MazPullToRefresh: true,
@@ -57,6 +59,17 @@ const COMPONENT_NAMES = {
   MazSpinner: true,
   MazStepper: true,
   MazSwitch: true,
+  MazSidebar: true,
+  MazSidebarMenu: true,
+  MazSidebarMenuItem: true,
+  MazSidebarMenuSub: true,
+  MazSidebarFooter: true,
+  MazSidebarHeader: true,
+  MazSidebarContent: true,
+  MazSidebarGroup: true,
+  MazSidebarMenuButton: true,
+  MazSidebarSeparator: true,
+  MazSidebarTrigger: true,
   MazTable: true,
   MazTableCell: true,
   MazTableRow: true,
@@ -69,6 +82,7 @@ const COMPONENT_NAMES = {
   MazTimeline: true,
   MazTextarea: true,
   MazUiProvider: true,
+  MazWindowMockup: true,
   MazPopover: true
 };
 const _dirname = dirname(fileURLToPath(import.meta.url));
@@ -93,7 +107,8 @@ const mazUiComposables = {
   useInstanceUniqId: true,
   useMountComponent: true,
   useSwipe: true,
-  useMutationObserver: true
+  useMutationObserver: true,
+  useSidebar: true
 };
 const defaults = {
   general: {
@@ -116,6 +131,7 @@ const defaults = {
     fallbackLocale: "en",
     preloadFallback: true
   },
+  defaults: {},
   components: {
     autoImport: true
   },
@@ -173,6 +189,9 @@ const module$1 = defineNuxtModule({
     addPlugin(resolve(_dirname, "./runtime/plugins/theme"));
     addPlugin(resolve(_dirname, "./runtime/plugins/translations"));
     addPlugin(resolve(_dirname, "./runtime/plugins/maz-link-component"));
+    if (Object.keys(moduleOptions.defaults).length > 0) {
+      addPlugin(resolve(_dirname, "./runtime/plugins/defaults"));
+    }
     if (moduleOptions.components.autoImport) {
       for (const name of Object.keys(COMPONENT_NAMES)) {
         addComponent({

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

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugins/defaults.js

@@ -0,0 +1,8 @@
+import { GLOBAL_CONFIG_INJECTION_KEY } from "maz-ui/composables/useGlobalConfig";
+import { defineNuxtPlugin } from "nuxt/app";
+export default defineNuxtPlugin(({ vueApp, $config }) => {
+  const defaults = $config.public.mazUi?.defaults;
+  if (defaults && Object.keys(defaults).length > 0) {
+    vueApp.provide(GLOBAL_CONFIG_INJECTION_KEY, defaults);
+  }
+});

package/dist/runtime/plugins/theme.js

@@ -1,5 +1,5 @@
 import { MazUiTheme } from "@maz-ui/themes/plugin";
-import { CSS_ID, generateCSS, getPreset, mergePresets } from "@maz-ui/themes/utils";
+import { CSS_ID, generateCSS, getPreset, mergePresets, resolveColorSchemeContent } from "@maz-ui/themes/utils";
 import { getSystemColorMode } from "@maz-ui/themes/utils/get-color-mode";
 import { defineNuxtPlugin, useCookie, useHead, useRequestHeaders } from "nuxt/app";
 function getSavedColorMode() {
@@ -50,7 +50,8 @@ function injectThemeCSS(config) {
     mode: config.mode,
     darkSelectorStrategy: config.darkModeStrategy,
     prefix: "maz",
-    darkClass: config.darkClass
+    darkClass: config.darkClass,
+    lightClass: config.lightClass
   });
   useHead({
     style: [{
@@ -95,6 +96,7 @@ export default defineNuxtPlugin(async ({ vueApp, $config }) => {
   const config = {
     strategy: "runtime",
     darkClass: "dark",
+    lightClass: "light",
     darkModeStrategy: "class",
     mode: "both",
     overrides: {},
@@ -104,15 +106,22 @@ export default defineNuxtPlugin(async ({ vueApp, $config }) => {
     preset
   };
   const isDark = config.colorMode === "auto" && config.mode === "both" ? getInitialColorMode() === "dark" : config.colorMode === "dark" || config.mode === "dark";
-  if (isDark && config.darkModeStrategy === "class") {
-    useHead({
-      htmlAttrs: {
-        class: config.darkClass
-      }
-    });
-  }
   if (import.meta.server) {
+    if (isDark && config.darkModeStrategy === "class") {
+      useHead({
+        htmlAttrs: {
+          class: config.darkClass
+        }
+      });
+    }
     injectThemeCSS(config);
+    useHead({
+      meta: [{
+        name: "color-scheme",
+        content: resolveColorSchemeContent(config.mode, config.colorMode),
+        id: "maz-color-scheme"
+      }]
+    });
     if (config.colorMode === "auto" && config.mode === "both" && config.darkModeStrategy === "class") {
       useHead({
         script: [{ innerHTML: getColorModeBlockingScript(config), tagPosition: "head", id: "maz-color-mode-blocking" }],

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@maz-ui/nuxt",
   "type": "module",
-  "version": "5.0.0-beta.3",
+  "version": "5.0.0-beta.31",
   "description": "Nuxt module for Maz-UI",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
-  "homepage": "https://maz-ui.com/guide/nuxt",
+  "homepage": "https://maz-ui.com/ecosystem/nuxt",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/LouisMazel/maz-ui.git"
@@ -33,7 +33,8 @@
   "exports": {
     ".": {
       "types": "./dist/types.d.mts",
-      "import": "./dist/module.mjs"
+      "import": "./dist/module.mjs",
+      "default": "./dist/module.mjs"
     }
   },
   "main": "./dist/module.mjs",
@@ -48,19 +49,20 @@
   },
   "dependencies": {
     "@nuxt/devtools-kit": "^3.2.3",
-    "@nuxt/kit": "^4.4.4",
+    "@nuxt/kit": "^4.4.8",
     "defu": "^6.1.7",
-    "maz-ui": "5.0.0-beta.3",
-    "@maz-ui/translations": "5.0.0-beta.3",
-    "@maz-ui/utils": "5.0.0-beta.3",
-    "@maz-ui/themes": "5.0.0-beta.3"
+    "@maz-ui/translations": "5.0.0-beta.28",
+    "maz-ui": "5.0.0-beta.31",
+    "@maz-ui/utils": "5.0.0-beta.28",
+    "@maz-ui/themes": "5.0.0-beta.28"
   },
   "devDependencies": {
     "@nuxt/devtools": "^3.2.3",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.4.4",
+    "@nuxt/schema": "^4.4.8",
     "@nuxt/test-utils": "^4.0.3",
-    "nuxt": "^4.4.4"
+    "nuxt": "^4.4.8",
+    "@maz-ui/eslint-config": "5.0.0-beta.28"
   },
   "lint-staged": {
     "*.{js,ts,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"