Nuxt.js v3の環境でWeb Fontsの導入を行なったため、導入方法について紹介します。 また、Storybookについても同様に追加したため、その方法についても紹介します。 前提 今回は以下のFontを追加していこうと思います。 Google Fonts fonts.google.com Adobe…

storybook-dark-mode を追加することでstorybookでダークモードの対応を行うことができるので、その時に対応メモ。 実行結果 ライトモード ダークモード パッケージインストール¥ $ yarn add -D storybook-dark-mode or $ npm i -D storybook-dark-mode gith…

vueのプロジェクトでstorybokを入れようとしたときにvueらしい書き方で行いたいと思ったのでその時のメモ 環境 Rails Vue.js Webpacker webpackerは今回関係ないですが、念のため 実行まで 今回参照するvueファイル <template lang="pug"> div p | {{ message }} </template> <script lang="ts"> import { Compo…

Railsそんな関係ない気がするけどバージョンもろもろ上げたらエラーでたので、storybook入れたときのwebpakerの編集した箇所も記載。 とりあえずstorybook入れる $ yarn add @storybook/cli $ npx getstorybook $ yarn run storybook ここまでやったら .stor…