nuxt.jsを立ち上げた

nuxt.jsの環境構築

$ npx create-nuxt-app nuxt-app

ですぐ環構築ができた！
＊node.jsが入っている前提。

次にTailwind CSSを導入してみた。

$npx tailwindcss init

でtailwind.config.jsを作成。

purge: [
    './components/**/*.{vue,js}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './nuxt.config.{js,ts}',
  ],

tailwind.config.jsに上記を記載。

そしてassetsの中にcss/tailwind.cssを作成し下記を記述.

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

これでもう一度$npm run devしたらTailwindが使えた！！