Skip to content

Commit 984194a

Browse files
committed
update according to tailwind v4 docs
1 parent ace155a commit 984194a

File tree

1 file changed

+3
-15
lines changed
  • apps/www/src/content/docs/installation

1 file changed

+3
-15
lines changed

apps/www/src/content/docs/installation/vite.md

+3-15
Original file line numberDiff line numberDiff line change
@@ -28,25 +28,19 @@ npm create vite@latest my-vue-app -- --template vue-ts
2828
Install `tailwindcss` and its peer dependencies, then generate your `tailwind.config.js` and configure `postcss` plugins
2929

3030
```bash
31-
npm install -D @tailwindcss/vite @tailwindcss/postcss autoprefixer
31+
npm install -D tailwindcss @tailwindcss/vite
3232
```
3333

3434
#### `vite.config`
3535

3636
```typescript {2,3,8-12}
3737
import vue from '@vitejs/plugin-vue'
38-
import autoprefixer from 'autoprefixer'
3938
import tailwindcss from '@tailwindcss/vite'
4039
import { defineConfig } from 'vite'
4140

4241
// https://vite.dev/config/
4342
export default defineConfig({
44-
css: {
45-
postcss: {
46-
plugins: [tailwindcss(), autoprefixer()],
47-
},
48-
},
49-
plugins: [vue()],
43+
plugins: [vue(), tailwindcss()],
5044
})
5145
```
5246

@@ -85,18 +79,12 @@ npm i -D @types/node
8579
```typescript {1,15-19}
8680
import { fileURLToPath, URL } from 'node:url'
8781
import vue from '@vitejs/plugin-vue'
88-
import autoprefixer from 'autoprefixer'
8982
import tailwindcss from '@tailwindcss/vite'
9083
import { defineConfig } from 'vite'
9184

9285
// https://vite.dev/config/
9386
export default defineConfig({
94-
css: {
95-
postcss: {
96-
plugins: [tailwindcss(), autoprefixer()],
97-
},
98-
},
99-
plugins: [vue()],
87+
plugins: [vue(), tailwindcss()],
10088
resolve: {
10189
alias: {
10290
'@': fileURLToPath(new URL('./src', import.meta.url))

0 commit comments

Comments
 (0)