unocss 0.16.3 → 0.18.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 +4 -55
- package/package.json +8 -8
package/README.md
CHANGED
|
@@ -91,6 +91,10 @@ That's it, have fun.
|
|
|
91
91
|
|
|
92
92
|
See [all packages](https://github.com/antfu/unocss/tree/main/packages).
|
|
93
93
|
|
|
94
|
+
Refer to the full documentation on [Vite](https://github.com/antfu/unocss/blob/main/packages/vite/README.md):
|
|
95
|
+
- modes: `global`, `dist-chunk`, `per-module`, `vue-scoped`, and `shadow-dom`.
|
|
96
|
+
- frameworks: `React`, `Preact`, `Svelte`, `SvelteKit`, `Web Components` and `Solid`.
|
|
97
|
+
|
|
94
98
|
### Nuxt
|
|
95
99
|
|
|
96
100
|
```bash
|
|
@@ -109,61 +113,6 @@ export default {
|
|
|
109
113
|
|
|
110
114
|
Refer to the full documentation on https://github.com/antfu/unocss/tree/main/packages/nuxt
|
|
111
115
|
|
|
112
|
-
### Vite + Svelte
|
|
113
|
-
|
|
114
|
-
You must add `Unocss` plugin before `@sveltejs/vite-plugin-svelte`.
|
|
115
|
-
|
|
116
|
-
To support `class:foo` and `class:foo={bar}` add `Unocss` and configure `extractorSvelte`:
|
|
117
|
-
|
|
118
|
-
```ts
|
|
119
|
-
// vite.config.js
|
|
120
|
-
import { svelte } from '@sveltejs/vite-plugin-svelte'
|
|
121
|
-
import Unocss from 'unocss/vite'
|
|
122
|
-
import { extractorSvelte } from '@unocss/core'
|
|
123
|
-
|
|
124
|
-
export default {
|
|
125
|
-
plugins: [
|
|
126
|
-
Unocss({
|
|
127
|
-
extractors: [extractorSvelte],
|
|
128
|
-
/* options */
|
|
129
|
-
}),
|
|
130
|
-
svelte()
|
|
131
|
-
]
|
|
132
|
-
}
|
|
133
|
-
```
|
|
134
|
-
|
|
135
|
-
### Sveltekit
|
|
136
|
-
|
|
137
|
-
To support `class:foo` and `class:foo={bar}` add `Unocss` plugin and configure `extractorSvelte`:
|
|
138
|
-
|
|
139
|
-
```ts
|
|
140
|
-
// svelte.config.js
|
|
141
|
-
import preprocess from 'svelte-preprocess'
|
|
142
|
-
import UnoCss from 'unocss/vite'
|
|
143
|
-
import { extractorSvelte } from '@unocss/core'
|
|
144
|
-
|
|
145
|
-
/** @type {import('@sveltejs/kit').Config} */
|
|
146
|
-
const config = {
|
|
147
|
-
// Consult https://github.com/sveltejs/svelte-preprocess
|
|
148
|
-
// for more information about preprocessors
|
|
149
|
-
preprocess: preprocess(),
|
|
150
|
-
|
|
151
|
-
kit: {
|
|
152
|
-
|
|
153
|
-
// hydrate the <div id="svelte"> element in src/app.html
|
|
154
|
-
target: '#svelte',
|
|
155
|
-
vite: {
|
|
156
|
-
plugins: [
|
|
157
|
-
UnoCss({
|
|
158
|
-
extractors: [extractorSvelte],
|
|
159
|
-
/* options */
|
|
160
|
-
})
|
|
161
|
-
]
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
```
|
|
166
|
-
|
|
167
116
|
## Configurations
|
|
168
117
|
|
|
169
118
|
UnoCSS is an atomic-CSS engine instead of a framework. Everything is designed with flexibility and performance in mind. In UnoCSS, there are no core utilities; all functionalities are provided via presets.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "unocss",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.18.0",
|
|
4
4
|
"description": "The instant on-demand Atomic CSS engine.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"unocss",
|
|
@@ -42,13 +42,13 @@
|
|
|
42
42
|
"*.d.ts"
|
|
43
43
|
],
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@unocss/core": "0.
|
|
46
|
-
"@unocss/cli": "0.
|
|
47
|
-
"@unocss/reset": "0.
|
|
48
|
-
"@unocss/preset-icons": "0.
|
|
49
|
-
"@unocss/preset-attributify": "0.
|
|
50
|
-
"@unocss/preset-uno": "0.
|
|
51
|
-
"@unocss/vite": "0.
|
|
45
|
+
"@unocss/core": "0.18.0",
|
|
46
|
+
"@unocss/cli": "0.18.0",
|
|
47
|
+
"@unocss/reset": "0.18.0",
|
|
48
|
+
"@unocss/preset-icons": "0.18.0",
|
|
49
|
+
"@unocss/preset-attributify": "0.18.0",
|
|
50
|
+
"@unocss/preset-uno": "0.18.0",
|
|
51
|
+
"@unocss/vite": "0.18.0"
|
|
52
52
|
},
|
|
53
53
|
"engines": {
|
|
54
54
|
"node": ">=14"
|