Nuxt3とかを触るスクラップ
ヤマチューふと最近のNuxt3とかが気になったのでキャッチアップしてみる
ヤマチューとりあえず、以下に沿ってNuxt3のサンプルを手元に作成
ヤマチューとりあえず、Nuxt3を動かせたのでBiomeをセットアップ
ヤマチューこれに沿っていけば良さそう
ヤマチューと思ったが、流石にvueはまだサポートされてなかった残念
ヤマチューTSとJSXはちゃんとサポートされているので、今度Remixとか触る時にしよう
ヤマチュー代わりにESLintとPrettierでもセットアップしようと思って調べたら、ESLintのみを推奨していた👀
ヤマチューこれに沿ってセットアップすれば良さそう
ヤマチュー上は思ったようなno configなものではなかった（nuxt devとかにeslintを組み込むものっぽい）
どちらかというとeslint-configをセットするのが正しかったっぽい
ヤマチューデフォルトだとbuild時とかに型チェックしていないようなので、以下で有効化しておく
ヤマチューUIライブラリ何か入れてみようと調べていたら、Nuxt自体が公式に出していた👀
ヤマチュー見た目は結構シンプルで自分好み
Built with Headless UI and Tailwind CSS
と書いているので割りとカスタマイズし易いのかも
ヤマチュー今回使いたい要件的にSlideoverが使えるのは嬉しいかも
ヤマチューTailwindだから@tailwindcss/typographyを使えるなぁと思ってセットアップしてみた
tailwind.config.tsで設定を変更できるのを知り、以下のようにセットアップした
import type { Config } from 'tailwindcss'
import typography from '@tailwindcss/typography'
export default <Partial<Config>>{
plugins: [
typography
]
}
ヤマチュー📝ついでのメモ
最初は前に使っていたし、vuetifyでも良いかと思ったが最近の評判があまり良くない＆やっぱり若干古い感じのするスタイルがデフォルトだったので今回は辞めた
またshadcn/uiも良いかもと思ったが、そんなにコンポーネントの種類は変わらなそうなので、公式が提供しているならそれに乗っ方方が良いと思った
（とくにULink が内部的に<NuxtLink>使ってくれてたりする部分とかは公式ならでは感）
ヤマチューこのエラーが出たので、typeCheckは一旦falseにした
ヤマチューDirectory Structureあたりを読みながら必要なものだけ試していく