いしまる

<p data-line="0" class="code-line">とりあえずStorybookインストール</p>
<div class="code-block-container"><pre><code class="code-line" data-line="1">npx storybook init --type html
</code></pre></div>

<p data-line="0" class="code-line">起動確認</p>
<div class="code-block-container"><pre><code class="code-line" data-line="1">npm run storybook
</code></pre></div>

<p data-line="0" class="code-line">構成は以下のようにしたいので、<code>main.js</code>の<code>stories</code>部分を書き換える<br>
<img src="https://storage.googleapis.com/zenn-user-upload/e6c1a500e27a-20240910.png" loading="lazy" class="md-img"></p>
<p data-line="3" class="code-line">before</p>
<div class="code-block-container"><pre><code class="code-line" data-line="4">  stories: [
    "../stories/**/*.mdx",
    "../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
  ],
</code></pre></div><p data-line="11" class="code-line">after</p>
<div class="code-block-container"><pre><code class="code-line" data-line="12">  stories: [
    "../components/**/*.mdx",
    "../components/**/*.stories.@(js|jsx|mjs|ts|tsx)",
  ],
</code></pre></div>