コードジェネレーターの自作template置き場です.
追記時点ではPlopを推奨しております。

https://plopjs.com/

理由はPlopはESMに対応しているからです。 これによりViteでも簡単に導入できます。

テンプレートとしてPlopと、hygenを用意しております。 推奨はPlopです。

Plopのテンプレートは、Storybookバージョン7の記法で生成します。
設定ファイルはplopfile.mjs、テンプレートplop-templatesディレクトリに配置してあります。
以下のコマンドを実行してコンポーネントを生成します:

npm run plop component

特別な理由がない限りPlopを推奨します。
コンポーネント生成の設定ファイル及びテンプレートは_templates/fc/new配下にあります。
フック生成の設定ファイル及びテンプレートは_templates/hook/new配下にあります。
以下のコマンドを実行してコンポーネントを生成します:

npm run hygen fc new

以下のコマンドを実行してフックを生成します:

npm run hygen hook new

テンプレートの出力サンプルは./sample/配下に置いております.