Skip to content
← Back to rules

vue/no-export-in-script-setup 正しさ

何を実行するか

<script setup> 内で export を使用することを禁止する

なぜ問題なのか

以前の <script setup> RFC では、テンプレートで使用する変数を定義するために export を使用していましたが、新しい <script setup> RFC では export を使用せずに定義するよう更新されています。 詳細については Vue RFCs - 0040-script-setup を参照してください。

このルールに違反する誤りのあるコードの例:

vue
<script setup>
export let msg = "Hello!";
</script>

このルールに従う正しいコードの例:

vue
<script setup>
let msg = "Hello!";
</script>

使用方法

設定ファイルまたは CLI でこのルールを有効化するには、次のようにします:

json
{
  "plugins": ["vue"],
  "rules": {
    "vue/no-export-in-script-setup": "error"
  }
}
bash
oxlint --deny vue/no-export-in-script-setup --vue-plugin

参照