Pug を HTML に移行して .vue ファイル の template タグ内に ESLint を効かせた話 - SMARTCAMP Engineer Blog

こんにちは！スマートキャンプでインサイドセールスに特化した SaaSを作っているエンジニアの中川です。 上記プロダクトのフロントエンドは Vue.js を用いて開発しているのですが、 その中で SFC 内のtemplateタグで使用していた Pug をやめて HTML に移行した件をこの記事ではお話しようと思います。 また、実際にtemplateタグに ESLint を効かせてみて発覚したエラーや警告のなかで数が多かったものや、これから Vue 3 に移行していく上で対応する必要があったルールを紹介します。 背景 eslint-plugin-vue が効かない チームに Pug 推進派がいない Pug を HTML に移行するには Vue 3 に準拠した Lint ルールを導入する Lint を実行してみる 対応した目ぼしいルール vue-require-v-for-key vue/val

[macoshita]

テンプレートの型チェックのため vue-type-check とか jsx 移行とかしたくなった時も考えると HTML が無難になっちゃうよなー。pug 楽なんだけどな。

[klim0824]

Pug好きなんだけど、Lintとかエディタの拡張機能とかの恩恵を受けられなくなるのが辛いので、この判断もすごく理解できる

[habarhaba]

お疲れさまでした。Pugで書いてトンズラなんて前任者はとんだ迷惑野郎だな

[kkeisuke]

“Vue 3 によって機能追加もしくは廃止されるものに対してのルール”