BaseコンポーネントのStorybookファイルを作成

[takusea]

内容

今までに作成したBaseコンポーネントのStorybookファイルを作成します。また、それに付随して以下を行います。

• 色変数の使用とテーマ切り替えのため、storybook/addon-themesを導入
• onLabelがその命名のせいでStorybook上でprops判定されなかった（し、人間から見てもイベント関数で頻用されるon〇〇の形とこんがらがりそう）ため、onLabel/offLabelをcheckedLabel/uncheckedLabelに改名

[Hiroshiba]

おー！！！良いですね！！！！！！

まだ見てないのですがテストが落ちてそうだったのでそれだけ報告まで･･･！

[Hiroshiba]

ほぼLGTMです！！！

非常に見やすかったです！！！

[Hiroshiba]

Storybook、書式がコロコロ変わってよくわからないんですけど、多分この形（Metaで指定したComponentにargsを直接渡し、特に表示物も変更しない場合）はこの関数がまるまるいらないはずです！
https://storybook.js.org/docs/api/csf#args-story-inputs

めちゃめちゃスリムになると思います 🙏

Suggested change

	render: (args) => ({
	components: { BaseButton },
	setup() {
	return { args };
	},
	template: '<BaseButton v-bind="args" />',
	}),

[takusea]

指摘いただいた冗長だった各箇所の記述を修正しました！

[Hiroshiba]

LGTM！！！

作ってくださってありがとうございます！！！
Storybook、展覧会みたいでやっぱ楽しいですね！！

ちなみにchromaticも一応アカウント作ってたりします。
とりあえず動かしてみてるだけですが、多分ここにコンポーネントのリストが追加されるはず。
https://www.chromatic.com/builds?appId=667d9c007418420dbb5b0f75

確かmainブランチにpushされたら更新されるようにはなっていて、storyごとにVRT（Visual Regression Testi）もしてくれるので何か変更があったら教えてくれるかもです。

本当はレビュープロセスにもVTR含めたいのですが、確か無料枠だと月5000スクリーンショットまでで、pushのたびにテストが走ってたら足りなくなりそうだなと思って省いています。
でも多分更新されたところだけVRTするって設定があったはずなので、試してみたいなと思ってたりします。

この辺りもし興味あれば･･･！