Vue (Nuxt 3) で Pinceau (CSS-in-JS/TS) を使う

この記事は jiyuujin Advent Calendar 2023 の 14 日目の記事になります。 そもそも Vue で CSS を書く方法を、下に示してみます。 Scoped CSS modules Tailwind CSS / UnoCSS React におけるプロジェクトと違い、あまり CSS in JS/TS のツールは、見受けられませんでした。 しかし、Vue 環境でも CSS in JS/TS を使用可能な Pinceau について書かせていただきます。 Vue Fes Japan Online 2022 のとあるセッション内で上がった技術ネタより起因しました。このイベントをきっかけに Vue Fes Japan 2023 公式ウェブサイトでの採用を進めました。最近も 1.0 ベータへ更新されています。 ざっくり Pinceau について、解説すると。 下に示した、ごくシ