@kungal/ui-nuxt 0.1.1 → 0.2.1
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 +5 -5
- package/nuxt.config.ts +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -11,9 +11,9 @@ experience on top of it:
|
|
|
11
11
|
render as SSR-aware client-side links (exactly like the original);
|
|
12
12
|
- **injects `@nuxt/icon`** as KunUI's `iconComponent` — used only as a
|
|
13
13
|
*fallback* for icons not in KunUI's bundled set (KunUI's own ~24 icons are
|
|
14
|
-
bundled inline in `@kungal/core` and never fetched). For consumer icons,
|
|
14
|
+
bundled inline in `@kungal/ui-core` and never fetched). For consumer icons,
|
|
15
15
|
install `@iconify-json/*` and use `@nuxt/icon`'s local/client bundle mode so
|
|
16
|
-
they aren't fetched either, or `registerKunIcons()` from `@kungal/core`;
|
|
16
|
+
they aren't fetched either, or `registerKunIcons()` from `@kungal/ui-core`;
|
|
17
17
|
- registers `@nuxt/icon` + `@nuxt/image`;
|
|
18
18
|
- **auto-imports the composables** too (`useKunMessage`, `useKunUIConfig`, …)
|
|
19
19
|
so they work with no import, like the original.
|
|
@@ -35,7 +35,7 @@ useKunMessage('Saved', 'success') // from anywhere, no import
|
|
|
35
35
|
```
|
|
36
36
|
|
|
37
37
|
It deliberately does **not** own a Tailwind entry — your app keeps one
|
|
38
|
-
stylesheet that imports Tailwind + `@kungal/tokens` and declares the
|
|
38
|
+
stylesheet that imports Tailwind + `@kungal/ui-tokens` and declares the
|
|
39
39
|
`@source` scan (that path is node_modules-layout-specific). See below.
|
|
40
40
|
|
|
41
41
|
Net effect: a Nuxt app consuming this layer behaves like the original
|
|
@@ -57,9 +57,9 @@ Add one Tailwind entry stylesheet in your app and register it
|
|
|
57
57
|
```css
|
|
58
58
|
/* assets/css/main.css */
|
|
59
59
|
@import 'tailwindcss';
|
|
60
|
-
@import '@kungal/tokens';
|
|
60
|
+
@import '@kungal/ui-tokens';
|
|
61
61
|
@source '../../node_modules/@kungal/ui-vue/dist'; /* component classes */
|
|
62
|
-
@source '../../node_modules/@kungal/core/dist'; /* variant × color matrix */
|
|
62
|
+
@source '../../node_modules/@kungal/ui-core/dist'; /* variant × color matrix */
|
|
63
63
|
```
|
|
64
64
|
|
|
65
65
|
(Tailwind v4 in Nuxt also needs the `@tailwindcss/vite` plugin in
|
package/nuxt.config.ts
CHANGED
|
@@ -111,7 +111,7 @@ export default defineNuxtConfig({
|
|
|
111
111
|
})
|
|
112
112
|
|
|
113
113
|
// NOTE on styling: this layer intentionally does NOT own a Tailwind entry.
|
|
114
|
-
// The consuming app owns one stylesheet that imports Tailwind + @kungal/tokens
|
|
114
|
+
// The consuming app owns one stylesheet that imports Tailwind + @kungal/ui-tokens
|
|
115
115
|
// and declares the @source scan for the KunUI class sites (the scan path is
|
|
116
116
|
// node_modules-layout-specific, so only the app can write it correctly).
|
|
117
117
|
// See this package's README.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kungal/ui-nuxt",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"description": "KunUI Nuxt Layer — wraps @kungal/ui-vue, auto-imports the components, and injects NuxtLink + @nuxt/icon so existing Nuxt apps keep their exact DX.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"keywords": [
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
"@nuxt/icon": "^2.2.3",
|
|
34
34
|
"@nuxt/image": "^2.0.0",
|
|
35
35
|
"@nuxt/kit": "^4.4.7",
|
|
36
|
-
"@kungal/tokens": "0.
|
|
37
|
-
"@kungal/ui-vue": "0.
|
|
36
|
+
"@kungal/ui-tokens": "0.2.1",
|
|
37
|
+
"@kungal/ui-vue": "0.2.1"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"nuxt": "^4.0.0",
|