JAVASCRIPT

add tailwind in vue using yarn

yarn add --dev tailwindcss@latest postcss@latest autoprefixer@latest

add tailwind to vue

vue create appname

cd appname

vue add tailwind --select your preferred settings

npm run serve

DONE!!!

tailwind vue

npm i -D tailwindcss@latest postcss@latest autoprefixer@latest

npx tailwindcss init -p

# inside tailwind.config.js 
mode: "jit", 
purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}']

# creates src/index.css and then import it into src/main.js
echo -e "@tailwind base; 
@tailwind components; 
@tailwind utilities;" >> src/index.css

# src/main.js
import './index.css'

add tailwind to vue

vue creat mytailwind

cd mytailwind

vue add tailwind