@maz-ui/nuxt 4.0.0-beta.24 → 4.0.0-beta.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +30 -30
- package/dist/module.json +1 -1
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -16,20 +16,20 @@ Transform your Nuxt application with **Maz-UI** - a comprehensive Vue.js compone
|
|
|
16
16
|
[](https://badge.fury.io/js/%40maz-ui%2Fnuxt)
|
|
17
17
|
[](https://opensource.org/licenses/MIT)
|
|
18
18
|
|
|
19
|
-
##
|
|
19
|
+
## What is Maz-UI?
|
|
20
20
|
|
|
21
21
|
**Maz-UI** is a powerful Vue.js component library with **50+ beautiful components**, **20+ useful composables**, and **smart directives** that work perfectly with Nuxt. Think of it as your design system in a box!
|
|
22
22
|
|
|
23
|
-
###
|
|
23
|
+
### Why Choose Maz-UI for Your Nuxt App?
|
|
24
24
|
|
|
25
|
-
-
|
|
26
|
-
-
|
|
27
|
-
-
|
|
28
|
-
-
|
|
29
|
-
-
|
|
30
|
-
-
|
|
25
|
+
- **Zero Configuration** - Works instantly with sensible defaults
|
|
26
|
+
- **Beautiful by Default** - Professional design with dark mode included
|
|
27
|
+
- **Everything Auto-Imported** - No more import statements needed
|
|
28
|
+
- **Super Fast** - Optimized for performance with tree-shaking
|
|
29
|
+
- **Developer Friendly** - TypeScript support and great DevTools
|
|
30
|
+
- **Production Ready** - Perfect SSR/SSG support
|
|
31
31
|
|
|
32
|
-
##
|
|
32
|
+
## Quick Start (2 minutes!)
|
|
33
33
|
|
|
34
34
|
### Step 1: Install the module
|
|
35
35
|
|
|
@@ -87,9 +87,9 @@ function showMessage() {
|
|
|
87
87
|
</template>
|
|
88
88
|
```
|
|
89
89
|
|
|
90
|
-
##
|
|
90
|
+
## What You Get Out of the Box
|
|
91
91
|
|
|
92
|
-
###
|
|
92
|
+
### 50+ Beautiful Components
|
|
93
93
|
|
|
94
94
|
- **Buttons**: `MazBtn`,
|
|
95
95
|
- **Forms**: `MazInput`, `MazSelect`, `MazCheckbox`, `MazRadio`, `MazTextarea`, `MazInputPhoneNumber`
|
|
@@ -101,7 +101,7 @@ function showMessage() {
|
|
|
101
101
|
- **Charts**: `MazChart` (with Chart.js integration)
|
|
102
102
|
- **And 30+ more!**
|
|
103
103
|
|
|
104
|
-
###
|
|
104
|
+
### 20+ Powerful Composables
|
|
105
105
|
|
|
106
106
|
- **`useTheme()`** - Theme management and dark mode
|
|
107
107
|
- **`useToast()`** - Beautiful toast notifications
|
|
@@ -112,7 +112,7 @@ function showMessage() {
|
|
|
112
112
|
- **`useBreakpoints()`** - Responsive design helpers
|
|
113
113
|
- **And many more!**
|
|
114
114
|
|
|
115
|
-
###
|
|
115
|
+
### Smart Directives
|
|
116
116
|
|
|
117
117
|
- **`v-tooltip`** - Beautiful tooltips anywhere
|
|
118
118
|
- **`v-lazy-img`** - Lazy load images automatically
|
|
@@ -120,7 +120,7 @@ function showMessage() {
|
|
|
120
120
|
- **`v-click-outside`** - Detect outside clicks
|
|
121
121
|
- **`v-fullscreen-img`** - Fullscreen image viewer
|
|
122
122
|
|
|
123
|
-
##
|
|
123
|
+
## Theming Made Simple
|
|
124
124
|
|
|
125
125
|
Maz-UI comes with a powerful theming system that makes your app look professional instantly:
|
|
126
126
|
|
|
@@ -150,7 +150,7 @@ async function changeToOceanTheme() {
|
|
|
150
150
|
|
|
151
151
|
**Built-in themes**: `mazUi`, `ocean`, `pristine`, `obsidian` + create your own!
|
|
152
152
|
|
|
153
|
-
##
|
|
153
|
+
## Configuration Options
|
|
154
154
|
|
|
155
155
|
### Minimal Setup (Recommended)
|
|
156
156
|
|
|
@@ -169,32 +169,32 @@ export default defineNuxtConfig({
|
|
|
169
169
|
export default defineNuxtConfig({
|
|
170
170
|
modules: ['@maz-ui/nuxt'],
|
|
171
171
|
mazUi: {
|
|
172
|
-
//
|
|
172
|
+
// General Settings
|
|
173
173
|
general: {
|
|
174
174
|
autoImportPrefix: 'Maz', // useMazToast instead of useToast
|
|
175
175
|
defaultMazIconPath: '/icons', // Path to your SVG icons
|
|
176
176
|
devtools: true, // Enable DevTools integration
|
|
177
177
|
},
|
|
178
178
|
|
|
179
|
-
//
|
|
179
|
+
// Theme System
|
|
180
180
|
theme: {
|
|
181
181
|
preset: 'ocean', // Choose: 'mazUi', 'ocean', 'pristine', 'obsidian'
|
|
182
182
|
strategy: 'hybrid', // 'runtime' | 'buildtime' | 'hybrid'
|
|
183
183
|
darkModeStrategy: 'class', // 'class' | 'media' | 'auto'
|
|
184
184
|
},
|
|
185
185
|
|
|
186
|
-
//
|
|
186
|
+
// Translations
|
|
187
187
|
translations: {
|
|
188
188
|
locale: 'fr', // Default language
|
|
189
189
|
fallbackLocale: 'en',
|
|
190
190
|
},
|
|
191
191
|
|
|
192
|
-
//
|
|
192
|
+
// Components (all enabled by default)
|
|
193
193
|
components: {
|
|
194
194
|
autoImport: true, // Auto-import all components globally
|
|
195
195
|
},
|
|
196
196
|
|
|
197
|
-
//
|
|
197
|
+
// Composables (customize what you need)
|
|
198
198
|
composables: {
|
|
199
199
|
useTheme: true,
|
|
200
200
|
useToast: true,
|
|
@@ -206,7 +206,7 @@ export default defineNuxtConfig({
|
|
|
206
206
|
// ... all others enabled by default
|
|
207
207
|
},
|
|
208
208
|
|
|
209
|
-
//
|
|
209
|
+
// Directives
|
|
210
210
|
directives: {
|
|
211
211
|
vTooltip: true,
|
|
212
212
|
vLazyImg: { threshold: 0.1 }, // Custom intersection threshold
|
|
@@ -218,7 +218,7 @@ export default defineNuxtConfig({
|
|
|
218
218
|
})
|
|
219
219
|
```
|
|
220
220
|
|
|
221
|
-
##
|
|
221
|
+
## Advanced Features
|
|
222
222
|
|
|
223
223
|
### Custom Theme Creation
|
|
224
224
|
|
|
@@ -252,7 +252,7 @@ export default defineNuxtConfig({
|
|
|
252
252
|
})
|
|
253
253
|
```
|
|
254
254
|
|
|
255
|
-
##
|
|
255
|
+
## SSR/SSG Support
|
|
256
256
|
|
|
257
257
|
This module is built specifically for Nuxt with perfect SSR and SSG support:
|
|
258
258
|
|
|
@@ -262,7 +262,7 @@ This module is built specifically for Nuxt with perfect SSR and SSG support:
|
|
|
262
262
|
- ✅ **Theme Persistence** - Dark mode preference remembered
|
|
263
263
|
- ✅ **No FOUC** - Flash of unstyled content prevented
|
|
264
264
|
|
|
265
|
-
##
|
|
265
|
+
## Why This Module vs Manual Setup?
|
|
266
266
|
|
|
267
267
|
| Feature | Manual Setup | @maz-ui/nuxt Module |
|
|
268
268
|
| ---------------- | --------------------- | ----------------------------- |
|
|
@@ -274,17 +274,17 @@ This module is built specifically for Nuxt with perfect SSR and SSG support:
|
|
|
274
274
|
| **DevTools** | No integration | ✅ Nuxt DevTools support |
|
|
275
275
|
| **TypeScript** | Manual type setup | ✅ Perfect TypeScript support |
|
|
276
276
|
|
|
277
|
-
##
|
|
277
|
+
## Learn More
|
|
278
278
|
|
|
279
|
-
-
|
|
280
|
-
-
|
|
281
|
-
-
|
|
279
|
+
- **[Full Documentation](https://maz-ui.com/guide/nuxt)**
|
|
280
|
+
- **[Report Issues](https://github.com/LouisMazel/maz-ui/issues)**
|
|
281
|
+
- **[Discussions](https://github.com/LouisMazel/maz-ui/discussions)**
|
|
282
282
|
|
|
283
|
-
##
|
|
283
|
+
## Contributing
|
|
284
284
|
|
|
285
285
|
We love contributions! Check out our [Contributing Guide](https://github.com/LouisMazel/maz-ui/blob/main/CONTRIBUTING.md).
|
|
286
286
|
|
|
287
|
-
##
|
|
287
|
+
## License
|
|
288
288
|
|
|
289
289
|
MIT License © 2025 [LouisMazel](https://github.com/LouisMazel)
|
|
290
290
|
|
package/dist/module.json
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maz-ui/nuxt",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "4.0.0-beta.
|
|
4
|
+
"version": "4.0.0-beta.25",
|
|
5
5
|
"description": "Nuxt module for Maz-UI",
|
|
6
6
|
"author": "Louis Mazel <me@loicmazuel.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -53,24 +53,24 @@
|
|
|
53
53
|
"typecheck": "nuxi typecheck"
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
|
-
"@maz-ui/themes": "4.0.0-beta.
|
|
57
|
-
"@maz-ui/translations": "4.0.0-beta.
|
|
58
|
-
"@nuxt/kit": "^4.0.
|
|
56
|
+
"@maz-ui/themes": "4.0.0-beta.25",
|
|
57
|
+
"@maz-ui/translations": "4.0.0-beta.25",
|
|
58
|
+
"@nuxt/kit": "^4.0.3",
|
|
59
59
|
"defu": "^6.1.4",
|
|
60
|
-
"maz-ui": "4.0.0-beta.
|
|
60
|
+
"maz-ui": "4.0.0-beta.25"
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
63
|
"@nuxt/devtools": "^2.6.2",
|
|
64
64
|
"@nuxt/eslint-config": "^1.7.1",
|
|
65
65
|
"@nuxt/module-builder": "^1.0.2",
|
|
66
|
-
"@nuxt/schema": "^4.0.
|
|
66
|
+
"@nuxt/schema": "^4.0.3",
|
|
67
67
|
"@nuxt/test-utils": "^3.19.2",
|
|
68
|
-
"nuxt": "^4.0.
|
|
69
|
-
"typescript": "~5.
|
|
68
|
+
"nuxt": "^4.0.3",
|
|
69
|
+
"typescript": "~5.9.2",
|
|
70
70
|
"vitest": "^3.2.4"
|
|
71
71
|
},
|
|
72
72
|
"lint-staged": {
|
|
73
73
|
"*.{js,ts,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "0173f663d5b5b821eab8757f150da3f8218cf254"
|
|
76
76
|
}
|