Summary of eslint-plugin-vue v9

[ota-meshi]

I am planning a major version upgrade of eslint-plugin-vue.
Mainly due to the breaking changes caused by the parser upgrade, a major version upgrade is required.

I started some necessary work with the following PR.

• Change default casing of vue/custom-event-name-casing rule to camelCase #1846
• Drop support for Node.js v12 #1847
• Change presets configs and remove unused internal methods #1848
• Upgrade vue-eslint-parser #1849
• Remove deprecated rules #1881
• Enable vue/html-closing-bracket-* for top-level tags #1883
• Add vue/no-invalid-attribute-name rule #1851
• Rename vue/no-invalid-attribute-name rule to vue/invalid-attribute-name and add it to presets #1892

Please leave a comment on this issue if you think we have other work to do.

@FloEdelmann

[ota-meshi]

It will be released after May as it must be after Node.js v12 is no longer supported.
However, we may release an alpha version before that.

[FloEdelmann]

This issue should also be fixed in the next major release (since the bug fix could also be considered a breaking change):

• vue/html-closing-bracket-spacing (and more) does not work for top-level tags #1879

[FloEdelmann]

Let me try to draft the release notes here (feel free to edit this comment @ota-meshi!):

---

v9.0.0

💥 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.

[ota-meshi]

Thank you so much for making the draft! That is very helpful!

[FloEdelmann]

So now all PRs mentioned in this issue are merged. Is there anything missing for the release?

[ota-meshi]

If possible, I would like to merge the rule implemented in #1851 and include this rule in essential. However, it is not required. I want to wait until next week to see if there is any progress.

[ota-meshi]

I have released v9 🎉
So I close this issue.