へぶん

<h1 id="tailwind-css-%E3%81%AE%E3%82%AF%E3%83%A9%E3%82%B9%E5%90%8D%E9%95%B7%E3%81%84%E5%A0%B4%E5%90%88%E3%81%AF%E6%8A%98%E3%82%8A%E3%81%9F%E3%81%9F%E3%81%BF%E3%81%9F%E3%81%84">
<a class="header-anchor-link" href="#tailwind-css-%E3%81%AE%E3%82%AF%E3%83%A9%E3%82%B9%E5%90%8D%E9%95%B7%E3%81%84%E5%A0%B4%E5%90%88%E3%81%AF%E6%8A%98%E3%82%8A%E3%81%9F%E3%81%9F%E3%81%BF%E3%81%9F%E3%81%84" aria-hidden="true"></a> Tailwind CSS のクラス名長い場合は折りたたみたい</h1>
<p>TailwindCSS のクラス名が長くなると読みにくいので折り畳むようにしたい。基本 Vue で使うので XML/HTML 用の Plugin が書ければ OK</p>
<p>VSCode であれば Windi CSS の Plugin が同じことをやっているので参考になりそう。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__e7bff57db6496" src="https://embed.zenn.studio/card#zenn-embedded__e7bff57db6496" data-content="https%3A%2F%2Fwindicss.org%2Feditors%2Fvscode.html" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://windicss.org/editors/vscode.html" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://windicss.org/editors/vscode.html</a></p>
