# vue/prefer-import-from-vue

enforce import from 'vue' instead of import from '@vue/*'

⚙️ This rule is included in all of "plugin:vue/vue3-essential", "plugin:vue/vue3-strongly-recommended" and "plugin:vue/vue3-recommended".
🔧 The --fix option on the command line (opens new window) can automatically fix some of the problems reported by this rule.

# 📖 Rule Details

This rule aims to use imports from 'vue' instead of imports from '@vue/*'.

Imports from the following modules are almost always wrong. You should import from vue instead.

/* ✓ GOOD */
import { createApp, ref, Component } from 'vue'

Now loading...

/* ✗ BAD */
import { createApp } from '@vue/runtime-dom'
import { Component } from '@vue/runtime-core'
import { ref } from '@vue/reactivity'

Now loading...

Nothing.

This rule was introduced in eslint-plugin-vue v8.5.0