プロジェクト内でVueのComponentの記法を合わせておきたいなーと思った際に以下のvue/component-api-styleを使うとOptions APIだったりComposition APIだったりといった記法に統一できて便利だったのでメモ📝
使い方は簡単で以下のような感じで許可する記法を配列で渡してあげるだけです。(以下はscript setupに統一する例)
{ files: ["*.vue", "**/*.vue"], rules: { "vue/component-api-style": ["error", ["script-setup"]],
script setup以外を利用していた場合には以下のようにエラーになります。
124:3 error Composition API is not allowed in your project. Use `<script setup>` instead vue/component-api-style
ただしscript setupが付与していなかった場合にエラーにしているというよりかは、
各記法独自のプロパティ(Composition APIだったらsetip等)が利用されていたときにエラーにするような挙動になっているようです 📝
