vuejs/eslint-plugin-vue v9.0.0

on GitHub

💥 Breaking Changes

• #1847 Drop support for Node.js v12.
• #1846 Change default casing of vue/custom-event-name-casing rule to camelCase.
• #1883 Potentially breaking bug fix: Enable vue/html-closing-bracket-spacing and vue/html-closing-bracket-newline rules for top-level tags.
• #1848, #1892 Change presets configs and remove unused internal methods. (see below)
• #1849 Upgrade vue-eslint-parser to v9. (see below)
• #1881 Remove deprecated rules. (see below)

Change Vue 3 presets configs

• Change plugin:vue/vue3-essential config:
  • Add vue/no-child-content rule
  • Add vue/no-expose-after-await rule
  • Add vue/no-reserved-component-names rule
  • Add vue/no-use-computed-property-like-method rule
  • Add vue/no-v-text-v-html-on-component rule
  • Add vue/prefer-import-from-vue rule
  • Add vue/valid-attribute-name rule
• Change plugin:vue/vue3-strongly-recommended config:
  • Same changes as above
• Change plugin:vue/vue3-recommended config:
  • Same changes as above

Change Vue 2 preset configs

• Change plugin:vue/essential config:
  • Add vue/no-child-content rule
  • Add vue/no-reserved-component-names rule
  • Add vue/no-use-computed-property-like-method rule
  • Add vue/no-v-text-v-html-on-component rule
  • Add vue/valid-attribute-name rule
  • Add vue/valid-model-definition rule
  • Add vue/no-export-in-script-setup rule *
  • Add vue/no-ref-as-operand rule *
  • Add vue/no-setup-props-destructure rule *
  • Add vue/return-in-emits-validator rule *
  • Add vue/valid-define-emits rule *
  • Add vue/valid-define-props rule *
• Change plugin:vue/strongly-recommended config:
  • Same changes as above
• Change plugin:vue/recommended config:
  • Same changes as above

Note: The rules marked with * are now included in the plugin:vue/essential config because @vue/composition-api and unplugin-vue2-script-setup add (limited) support for these Vue 3 features in Vue 2. If you don't use those libraries, enabling these rules shouldn't affect you.

Deprecated features

• vue/no-invalid-model-keys rule is now deprecated, as it's renamed to vue/valid-model-definition
• vue/script-setup-uses-vars rule is now deprecated, as it's no longer needed with the upgrade to vue-eslint-parser to v9
• vue/setup-compiler-macros environment is now deprecated, as it's no longer needed with the upgrade to vue-eslint-parser to v9

Removed features

Previously deprecated rules are removed completely:

• vue/experimental-script-setup-vars rule (deprecated in v7.13.0): not needed anymore
• vue/name-property-casing rule (deprecated in v7.0.0): use vue/component-definition-name-casing instead
• vue/no-confusing-v-for-v-if rule (deprecated in v5.0.0): use vue/no-use-v-if-with-v-for instead
• vue/no-unregistered-components rule (deprecated in v8.4.0): use vue/no-undef-components instead

Previously deprecated internal util methods are removed completely:

• getComponentProps: use getComponentPropsFromOptions instead
• getComponentEmits: use getComponentEmitsFromOptions instead

✨ Enhancements

• #1874 Make vue/match-component-file-name rule fixable via editor suggestions.
• #1885 Support <script setup> in vue/no-expose-after-await rule.
• #1851, #1892 Add vue/valid-attribute-name rule.

🐛 Bug Fixes

• #1861 Fix wrong behavior of vue/define-macros-order rule when there are multiple <script> tags.
• #1883 Potentially breaking bug fix: Enable vue/html-closing-bracket-spacing and vue/html-closing-bracket-newline rules for top-level tags.

Full Changelog: v8.7.0...v9.0.0