diff --git a/apps/www/src/content/docs/installation/vite.md b/apps/www/src/content/docs/installation/vite.md
index 968d5a765..1c4b90b1c 100644
--- a/apps/www/src/content/docs/installation/vite.md
+++ b/apps/www/src/content/docs/installation/vite.md
@@ -27,62 +27,23 @@ npm create vite@latest my-vue-app -- --template vue-ts
 
 Install `tailwindcss` and its peer dependencies, then generate your `tailwind.config.js` and configure `postcss` plugins
 
-<TabsMarkdown>
-  <TabMarkdown title="vite.config">
-
-  Vite already has [`postcss`](https://github.com/vitejs/vite/blob/main/packages/vite/package.json#89) dependency so you don't have to install it again in your package.json
-
   ```bash
-  npm install -D tailwindcss autoprefixer
+  npm install -D tailwindcss @tailwindcss/vite
   ```
 
-  <Callout>
-
-  If you're utilizing `postcss.config.js`, these changes will be inconsequential.
-
-  </Callout>
-
-  #### `vite.config`
+#### `vite.config`
 
 ```typescript {2,3,8-12}
 import vue from '@vitejs/plugin-vue'
-import autoprefixer from 'autoprefixer'
-import tailwind from 'tailwindcss'
+import tailwindcss from '@tailwindcss/vite'
 import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig({
-  css: {
-    postcss: {
-      plugins: [tailwind(), autoprefixer()],
-    },
-  },
-  plugins: [vue()],
+  plugins: [vue(), tailwindcss()],
 })
 ```
 
-  </TabMarkdown>
-
-  <TabMarkdown title="postcss.config.js">
-
-  ```bash
-  npm install -D tailwindcss autoprefixer postcss
-  ```
-
-#### `postcss.config.js`
-
-  ```js
-  module.exports = {
-    plugins: {
-      tailwindcss: {},
-      autoprefixer: {},
-    },
-  }
-  ```
-
-  </TabMarkdown>
-</TabsMarkdown>
-
 ### Edit tsconfig/jsconfig.json
 
 <Callout>
@@ -118,18 +79,12 @@ npm i -D @types/node
 ```typescript {1,15-19}
 import { fileURLToPath, URL } from 'node:url'
 import vue from '@vitejs/plugin-vue'
-import autoprefixer from 'autoprefixer'
-import tailwind from 'tailwindcss'
+import tailwindcss from '@tailwindcss/vite'
 import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig({
-  css: {
-    postcss: {
-      plugins: [tailwind(), autoprefixer()],
-    },
-  },
-  plugins: [vue()],
+  plugins: [vue(), tailwindcss()],
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))