vue/prefer-import-from-vue 正しさ
何をするか
@vue/* ではなく、'vue' からのインポートを強制します。
なぜこれは問題なのか
以下のモジュールからのインポートは、ほぼ常に誤りです。代わりに vue からインポートすべきです。
@vue/runtime-dom@vue/runtime-core@vue/reactivity@vue/shared
例
このルールに対して誤りなコードの例:
js
import { createApp } from "@vue/runtime-dom";
import { Component } from "@vue/runtime-core";
import { ref } from "@vue/reactivity";このルールに対して正しいコードの例:
js
import { createApp, ref, Component } from "vue";使い方
設定ファイルまたは CLI でこのルールを有効化するには、次のように使用できます:
json
{
"plugins": ["vue"],
"rules": {
"vue/prefer-import-from-vue": "error"
}
}bash
oxlint --deny vue/prefer-import-from-vue --vue-plugin