ビジュアルリグレッションテストを追加する

[mktkhr]

目的

• フロントにビジュアルリグレッションテストを追加する
  • PlayWright もしくは StoryBook v.8 のβ版アドオンでの方法を試す

期待結果

• フロントにビジュアルリグレッションテストが作られていること

[mktkhr]

Storybook

• yarn add storybook
• yarn dlx を使用するため ，yarn を v2 に変更
  • yarn set version berry
• yarn dlx storybook@latest init
  • Storybook用のディレクトリ等が自動で生成される
• yarn add -D storybook-addon-sass-postcss
  • scss用
• yarn add -D storybook-addon-vue-slots
  • コンポーネントのslotを記載できる
• yarn add -D storybook-vue3-router
  • vue-router に依存しているコンポーネントを記載できる(一部動いていないので，TODOコメントを残す)