← Back to rules

vue/no-import-compiler-macros Restriction

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

它的作用

禁止导入 Vue 编译器宏。

为什么这样不好？

以下编译器宏：

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

在 Vue 3 的 <script setup> 中是全局可用的，不需要显式导入。

示例

以下是此规则的错误代码示例：

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

以下是此规则的正确代码示例：

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

如何使用

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"
  }
}

Config (oxlint.config.ts)

import { defineConfig } from "oxlint";

export default defineConfig({
  plugins: ["vue"],
  rules: {
    "vue/no-import-compiler-macros": "error",
  },
});

CLI

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

版本

此规则新增于 v1.21.0。

参考资料

• Rule Source
• Open rule in Oxc Playground