Nuxt3 + Tailwind 3

簡介

Nuxt3 中快速加入 Tailwind 3

步驟

1. 安裝 nuxtjs/tailwindcss

   yarn add --dev @nuxtjs/tailwindcss
   

2. 修改 nuxt.config

   export default {
     modules: ['@nuxtjs/tailwindcss']
   }
   

3. 加入 tailwind.config.js

   npx tailwindcss init
   

4. 建立 assets/css/tailwind.css

   @tailwind base;
   @tailwind components;
   @tailwind utilities;