@vueless/nuxt 1.3.4 → 1.3.5-beta.0
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 +19 -2
- package/dist/README.md +19 -2
- package/dist/module.json +1 -1
- package/dist/package.json +1 -1
- package/dist/runtime/plugin.js +2 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
# Vueless Nuxt Module
|
|
4
4
|
|
|
5
|
-
[Vueless UI](https://github.com/vuelessjs/vueless) – a UI library with Open Architecture for Vue.js 3 and Nuxt.js 3 / 4, powered by [Storybook
|
|
5
|
+
[Vueless UI](https://github.com/vuelessjs/vueless) – a UI library with Open Architecture for Vue.js 3 and Nuxt.js 3 / 4, powered by [Storybook v10](https://storybook.js.org) and [Tailwind CSS v4](https://tailwindcss.com).
|
|
6
6
|
|
|
7
7
|
**With Vueless UI, you’re free to:**
|
|
8
8
|
- 🪄️ Customize any component
|
|
@@ -10,13 +10,14 @@
|
|
|
10
10
|
- 🧱 Build your own from scratch
|
|
11
11
|
- 📕 Document it all seamlessly in Storybook
|
|
12
12
|
|
|
13
|
-
[Documentation](https://docs.vueless.com/) | [UI Components](https://ui.vueless.com/) | [
|
|
13
|
+
[Documentation](https://docs.vueless.com/) | [UI Components](https://ui.vueless.com/) | [Theme Customizer](https://my.vueless.com/theme) | [About](http://vueless.com/)
|
|
14
14
|
|
|
15
15
|
### Key features
|
|
16
16
|
|
|
17
17
|
- 🧩 65+ crafted UI components (including range date picker, multi-select, and nested table)
|
|
18
18
|
- ✨ Open Architecture lets you customize, copy, extend, and create your own components
|
|
19
19
|
- 📕 Built-in Storybook support
|
|
20
|
+
- 🪩 Theme Builder for runtime theme customization
|
|
20
21
|
- 🌈 Beautiful default UI theme
|
|
21
22
|
- 🌀 Unstyled mode
|
|
22
23
|
- 🌗 Light and dark mode
|
|
@@ -30,6 +31,22 @@
|
|
|
30
31
|
- 🧪️ 1300+ unit tests ensuring consistent logic
|
|
31
32
|
- 🛡️ Full TypeScript support with type safety
|
|
32
33
|
|
|
34
|
+
## Built-In Storybook
|
|
35
|
+
|
|
36
|
+
No setup, no hacks — just a fully functional Storybook preset ready to test your Vueless UI design system out of the box.
|
|
37
|
+
|
|
38
|
+
[Demo](https://ui.vueless.com) | [Package](https://www.npmjs.com/package/@vueless/storybook) | [Docs](https://docs.vueless.com/installation/storybook)
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
## Theme Builder
|
|
43
|
+
|
|
44
|
+
Customize colors, rounding, and typography at runtime, generate full palettes, and export a ready-to-use theme to your project.
|
|
45
|
+
|
|
46
|
+
[Try Vueless UI Theme Builder](https://my.vueless.com/theme) 🚀
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
33
50
|
## Quick Start
|
|
34
51
|
|
|
35
52
|
1. Install Vueless Nuxt module.
|
package/dist/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
# Vueless Nuxt Module
|
|
4
4
|
|
|
5
|
-
[Vueless UI](https://github.com/vuelessjs/vueless) – a UI library with Open Architecture for Vue.js 3 and Nuxt.js 3 / 4, powered by [Storybook
|
|
5
|
+
[Vueless UI](https://github.com/vuelessjs/vueless) – a UI library with Open Architecture for Vue.js 3 and Nuxt.js 3 / 4, powered by [Storybook v10](https://storybook.js.org) and [Tailwind CSS v4](https://tailwindcss.com).
|
|
6
6
|
|
|
7
7
|
**With Vueless UI, you’re free to:**
|
|
8
8
|
- 🪄️ Customize any component
|
|
@@ -10,13 +10,14 @@
|
|
|
10
10
|
- 🧱 Build your own from scratch
|
|
11
11
|
- 📕 Document it all seamlessly in Storybook
|
|
12
12
|
|
|
13
|
-
[Documentation](https://docs.vueless.com/) | [UI Components](https://ui.vueless.com/) | [
|
|
13
|
+
[Documentation](https://docs.vueless.com/) | [UI Components](https://ui.vueless.com/) | [Theme Customizer](https://my.vueless.com/theme) | [About](http://vueless.com/)
|
|
14
14
|
|
|
15
15
|
### Key features
|
|
16
16
|
|
|
17
17
|
- 🧩 65+ crafted UI components (including range date picker, multi-select, and nested table)
|
|
18
18
|
- ✨ Open Architecture lets you customize, copy, extend, and create your own components
|
|
19
19
|
- 📕 Built-in Storybook support
|
|
20
|
+
- 🪩 Theme Builder for runtime theme customization
|
|
20
21
|
- 🌈 Beautiful default UI theme
|
|
21
22
|
- 🌀 Unstyled mode
|
|
22
23
|
- 🌗 Light and dark mode
|
|
@@ -30,6 +31,22 @@
|
|
|
30
31
|
- 🧪️ 1300+ unit tests ensuring consistent logic
|
|
31
32
|
- 🛡️ Full TypeScript support with type safety
|
|
32
33
|
|
|
34
|
+
## Built-In Storybook
|
|
35
|
+
|
|
36
|
+
No setup, no hacks — just a fully functional Storybook preset ready to test your Vueless UI design system out of the box.
|
|
37
|
+
|
|
38
|
+
[Demo](https://ui.vueless.com) | [Package](https://www.npmjs.com/package/@vueless/storybook) | [Docs](https://docs.vueless.com/installation/storybook)
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
## Theme Builder
|
|
43
|
+
|
|
44
|
+
Customize colors, rounding, and typography at runtime, generate full palettes, and export a ready-to-use theme to your project.
|
|
45
|
+
|
|
46
|
+
[Try Vueless UI Theme Builder](https://my.vueless.com/theme) 🚀
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
33
50
|
## Quick Start
|
|
34
51
|
|
|
35
52
|
1. Install Vueless Nuxt module.
|
package/dist/module.json
CHANGED
package/dist/package.json
CHANGED
package/dist/runtime/plugin.js
CHANGED
|
@@ -13,6 +13,7 @@ import {
|
|
|
13
13
|
TEXT,
|
|
14
14
|
OUTLINE,
|
|
15
15
|
ROUNDING,
|
|
16
|
+
THEME_TOKENS,
|
|
16
17
|
PRIMARY_COLOR,
|
|
17
18
|
NEUTRAL_COLOR,
|
|
18
19
|
AUTO_MODE_KEY,
|
|
@@ -64,7 +65,7 @@ export default defineNuxtPlugin((_nuxtApp) => {
|
|
|
64
65
|
const themeRootVariables = setTheme(theme);
|
|
65
66
|
const colorModeClass = theme.colorMode === ColorMode.Dark ? DARK_MODE_CLASS : LIGHT_MODE_CLASS;
|
|
66
67
|
_nuxtApp.ssrContext?.head.push({
|
|
67
|
-
style: [{ innerHTML: themeRootVariables }],
|
|
68
|
+
style: [{ innerHTML: themeRootVariables, id: THEME_TOKENS }],
|
|
68
69
|
htmlAttrs: { class: colorModeClass }
|
|
69
70
|
});
|
|
70
71
|
}
|
package/package.json
CHANGED