@plugin "daisyui"; (Unknown at rule @plugin)

[oopsjoe]

1.Create Project Folder

2.Set Up a Vite + Vue Project
npm create vite@latest . -- --template vue

3.Install Tailwind CSS and @tailwindcss/vite
npm install tailwindcss @tailwindcss/vite

4.Add @tailwindcss/vite Plugin to vite.config.ts
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'

export default defineConfig({
plugins: [
tailwindcss(),
],
})

5.Import Tailwind CSS in src/style.css
@import "tailwindcss";

6.Install DaisyUI
npm i -D daisyui@latest

7.Add DaisyUI Configuration to src/style.css
@plugin "daisyui";

[saadeghi]

On the bottom right corner of VSCode, change CSS to Tailwind CSS

[oopsjoe]

Oh wow! Thank you so much! This issue has been driving me crazy for 3 hours. 😭