[Vue.js]<script setup>形式のESLintのベストプラクティスを知りたい

テクノロジーカテゴリーの変更を依頼記事元:

am-yu.net

1 userがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

syonx https://eslint.vuejs.org/user-guide/#does-not-work-well-with-script-setup

2023/05/26 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fam-yu.net%2F2022%2F04%2F30%2Fvue-jsscript-setup%25E5%25BD%25A2%25E5%25BC%258F%25E3%2581%25AEeslint%25E3%2581%25AE%25E3%2583%2599%25E3%2582%25B9%25E3%2583%2588%25E3%2583%2597%25E3%2583%25A9%25E3%2582%25AF%25E3%2583%2586%25E3%2582%25A3%25E3%2582%25B9%25E3%2582%2592%25E7%259F%25A5%25E3%2582%258A%25E3%2581%259F%25E3%2581%2584%2F" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://am-yu.net/2022/04/30/vue-jsscript-setup%E5%BD%A2%E5%BC%8F%E3%81%AEeslint%E3%81%AE%E3%83%99%E3%82%B9%E3%83%88%E3%83%97%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%82%B9%E3%82%92%E7%9F%A5%E3%82%8A%E3%81%9F%E3%81%84/">[Vue.js]<script setup>形式のESLintのベストプラクティスを知りたい</a><a href="https://b.hatena.ne.jp/entry/s/am-yu.net/2022/04/30/vue-jsscript-setup%E5%BD%A2%E5%BC%8F%E3%81%AEeslint%E3%81%AE%E3%83%99%E3%82%B9%E3%83%88%E3%83%97%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%82%B9%E3%82%92%E7%9F%A5%E3%82%8A%E3%81%9F%E3%81%84/">はてなブックマーク - [Vue.js]<script setup>形式のESLintのベストプラクティスを知りたい</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

[Vue.js]<script setup>形式のESLintのベストプラクティスを知りたい

そろそろ本格的にVue.jsを<script setup>の形式で書くようにしようと思う今日この頃(Composition API自... そろそろ本格的にVue.jsを<script setup>の形式で書くようにしようと思う今日この頃(Composition API自体まともに使ったことないですが) ただ、いろいろググってESLintの指定方法を調べても、どうにもしっくりこない。「defineProps’ is not defined.」というエラーが表示されたり、「no-var」が有効になっておらず、varで変数定義できてしまったり(ここは人によるだろうけど、個人的にはno-varは必須)。いろいろ試してみた結果、ESLintの設定は下記のような記述で落ち着きました(.eslintrc.yml)。 env: browser: true es2021: true 'vue/setup-compiler-mac ros': true extends: - 'airbnb-base' - 'plugin:vue/vue3-re