SHELL

tailwind vite

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

npx tailwindcss init -p

# add ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'] to purge in tailwind.config.js

echo -e "@tailwind base; 
@tailwind components; 
@tailwind utilities;" >> src/index.css

# add index.css file in src/main.js
# import './index.css'

tailwind vite

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'

tailwind vite

module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}