vue/no-import-compiler-macros Restriction

⚠️🛠️️ A dangerous auto-fix is available for this rule.

What it does

Disallow importing Vue compiler macros.

Why is this bad?

Compiler Macros like:

• defineProps
• defineEmits
• defineExpose
• withDefaults
• defineModel
• defineOptions
• defineSlots

are globally available in Vue 3's <script setup> and do not require explicit imports.

Examples

Examples of incorrect code for this rule:

<script setup>
import { defineProps, withDefaults } from "vue";
</script>

Examples of correct code for this rule:

<script setup>
import { ref } from "vue";
</script>

How to use

To enable this rule using the config file or in the CLI, you can use:

Config (.oxlintrc.json)

{
  "plugins": ["vue"],
  "rules": {
    "vue/no-import-compiler-macros": "error"
  }
}

CLI

oxlint --deny vue/no-import-compiler-macros --vue-plugin

References

• Rule Source