You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This playground code triggers a compiler message about the macro import:
[@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.
Please describe what the rule should do: It should warn if defineProps, defineEmits and similar are imported from vue (autofixable)
What category should the rule belong to?
[x] Enforces code style (layout)
[ ] Warns about a potential error (problem)
[ ] Suggests an alternate way of doing something (suggestion)
[ ] Other (please specify:)
Provide 2-3 code examples that this rule should warn about:
bad:
<script setup>
import { defineProps } from '@vue/runtime-dom';
defineProps<{}>();
</script>
good:
<script setup>
defineProps<{}>();
</script>
good:
<script setup>
import { defineProps } from 'my-lib';
defineProps('whatever');
Additional context Useful when define* are added to eslint globals, there's no need to import them manually. If project was using imports and then dev switched to globals then autofix would just automatically remove unnecessary imports
The text was updated successfully, but these errors were encountered:
"no-restricted-imports": ["error",{paths: [{name: "vue",importNames: ["defineProps","defineEmits","defineExpose"],message: "Compiler macros no longer need to be imported. Please remove the import.",},],},]
It it worth tracking approved but closed #1906 as a new issue here? Although this may be better as a core feature.
Example playground that includes vue/prefer-import-from-vue rule enabled: link
This playground code triggers a compiler message about the macro import:
The text was updated successfully, but these errors were encountered: