Engineering
the Modern Web.

NuxtのnextTickと非同期のライフサイクルの実行順序について解説しています。実例としてcreatedが非同期の場合に意図しない挙動になることがあり、その原因を実際のコードを用いて解説しています。

Nuxt 3 × Storybook 8 × Vitestでインタラクションテストを実行する

Storybook 8でインタラクションテストの実装方法とテストランナーとしてVitestを利用してテストを実行する方法を記載しています。サンプルとしてNuxt 3のプロジェクトを使用しています。

Nuxt 3プロジェクトでeslintrcとPrettierからFlat ConfigとESLint stylisticに移行する手順を記載しています。VSCodeの保存時の自動フォーマットの方法も併せて記載しています。