Open2

Nuxt v3についてのまとめ

inaridiyinaridiy

Nuxt v3はまだbeta版ということもあってv2までで使えていた様々な便利なモジュール等がつかなくなっている
そのため、それらの代わりを海外の文献や公式のDiscordをもとにまとめていく

inaridiyinaridiy

TailwindCSSの導入方法

公式Discordの情報

公式Discordに乗っていた情報
どうやらVue 3とほぼ同様の手順で導入できる模様

Try: https://tailwindcss.com/docs/guides/vue-3-vite

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

And finally, import taiwlindcss on app.vue:
<style>
@tailwind base;
@tailwind components;
@tailwind utilities;
</style>

同じく公式Discordに乗っていた有志が作成したテンプレート

ここで公開されている
昨日時点では本当に最小構成のみのテンプレートだったが、今日改めて見るとなんかいろいろ追加されてた