Skip to content
← Back to rules

vue/prefer-import-from-vue 正しさ

An auto-fix is available for this rule.

何をするか

@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

参照