noVueImportCompilerMacros (JavaScript)

Language JavaScript (and super languages)

Summary

Rule available since: v2.4.15
Diagnostic Category: lint/correctness/noVueImportCompilerMacros
This rule is recommended, meaning it is enabled by default.
This rule doesn’t have a fix.
The default severity of this rule is error.
This rule belongs to the following domains:
- vue
Sources:
- Same as vue/no-import-compiler-macros

How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "correctness": {
5
        "noVueImportCompilerMacros": "error"
6
      }
7
    }
8
  }
9
}

Description

Disallow importing Vue compiler macros.

Vue compiler macros are globally available inside <script setup> blocks and must not be imported. Outside of <script setup>, compiler macros are not valid Vue runtime imports.

Examples

Invalid

1
<script setup>
2
import { defineProps } from "vue";
3
defineProps({});
4
</script>

code-block.vue:2:10 lint/correctness/noVueImportCompilerMacros ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ The Vue compiler macro defineProps should not be imported.
  
    1 │ <script setup>
  > 2 │ import { defineProps } from "vue";
      │          ^^^^^^^^^^^
    3 │ defineProps({});
    4 │ </script>
  
  ℹ Compiler macros are automatically available inside <script setup> blocks.
  
  ℹ Remove this import and use the macro directly.

Valid

1
<script setup>
2
defineProps({});
3
</script>