Answers for "tailwind vue"

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; \n@tailwind components; \n@tailwind utilities;" >> src/index.css

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

vue tailwind

vue create appname

cd appname

vue add tailwind --select your preferred settings

npm run serve

DONE!!!

tailwind ,vue

add this to settings.json
"tailwindCSS.includeLanguages": {
    "vue": "html",
    "vue-html": "html",
  },