eslint-plugin-vue

🐛 Bug Fixes

• #1909 Fixed false negatives in vue/no-unused-components rule

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v9.1.0...v9.1.1

🐛 Bug Fixes

• #1907 Fixed vue/prefer-import-from-vue rule to skip side-effect imports in .d.ts files.

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v9.0.1...v9.1.0

🐛 Bug Fixes

• #1896 Fixed false positive for script setup in vue/no-expose-after-await rule

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v9.0.0...v9.0.1

💥 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: https://github.com/vuejs/eslint-plugin-vue/compare/v8.7.0...v9.0.0

🐛 Bug Fixes

• #1861 Fixed false positives for multiple scripts in vue/define-macros-order rule.

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v8.7.0...v8.7.1

✨ Enhancements

• #1825, #1842 Added support for CSS selectors to order option for vue/component-tags-order rule.
• #1831 Added vue/match-component-import-name rule that requires the registered component name to match the imported component name.
• #1856 Added vue/define-macros-order rule that enforces the order of defineEmits and defineProps compiler macros.

🐛 Bug Fixes

• #1844 Fixed false negatives for <script setup> in vue/multi-word-component-names rule.
• #1854 Fixed false positives for <script setup> with TS literal type in vue/require-valid-default-prop rule.

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v8.6.0...v8.7.0

✨ Enhancements

• #1811 Made vue/component-tags-order rule auto-fixable.
• #1822 Added vue/prefer-prop-type-boolean-first rule that enforces that Boolean comes first in component prop types
• #1820 Added vue/no-restricted-html-elements rule that disallows specific HTML elements.

🐛 Bug Fixes

• #1826 Fixed false negatives for <slot> in vue/attribute-hyphenation rule.

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v8.5.0...v8.6.0

✨ Enhancements

• #1796 Added prefer-true-attribute-shorthand rule that forces the v-bind attribute with true value to use the shorthand.
• #1804 Added vue/prefer-import-from-vue rule that aims to use imports from 'vue' instead of imports from '@vue/*'.

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v8.4.1...v8.5.0

🐛 Bug Fixes

• #1782 Support template literal component names in vue/no-undef-components rule.
• #1790 Fixed false positives due to conflicts with other rules in vue/no-unused-properties rule.

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v8.4.0...v8.4.1

✨ Enhancements

• #1760 Added vue/no-v-text-v-html-on-component rule that disallows the use of v-text / v-html on component.
• #1762 Added vue/object-shorthand rule that applies object-shorthand rule to expressions in <template>.
• #1763 Added vue/no-undef-components rule that warns reports component that are used in the <template>, but that are not defined in the <script setup> or the Options API's components section.
• #1769 Added vue/quote-props rule that applies quote-props rule to expressions in <template>.
• #1761 Added support for Vue2 functional component to vue/no-unused-properties rule.
• #1761 Added support for Vue2 functional component to vue/no-undef-properties rule.

🐛 Bug Fixes

• #1770 Fixed false positives for import brace in vue/script-indent rule.
• #1771 Fixed false positives for v-bind="obj" with v-model in vue/attributes-order rule.
• #1775 Fixed false positives for CSS v-bind() in vue/no-extra-parens rule.
• #1777 Skip conditional expressions in vue/valid-next-tick rule.

⚙️ Updates

• #1763 Deprecated vue/no-unregistered-components rule.

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v8.3.0...v8.4.0

🐛 Bug Fixes

• #1755 Fix crash on <textarea> without end tag in vue/html-indent rule.
• #1756 Fix false positive for unknown emits definition in vue/require-explicit-emits rule.

⚙️ Updates

• #1750 Report $set and $nextTick in computed properties.

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v8.2.0...v8.3.0

✨ Enhancements

• #1725 Added vue/component-options-name-casing rule that enforces the casing of component name in components options.
• #1729 Added vue/prefer-separate-static-class rule that requires static class names in template to be in a separate class attribute.

🐛 Bug Fixes

• #1736 Fixed false positives for import binding in vue/valid-define-emits and vue/valid-define-props rules.

:gear: Updates

• #1719 Added support for TypeScript 4.5 to vue/script-indent rule.
• #1735 Changed to allow asyncData in vue/no-dupe-keys rule.

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v8.1.1...v8.2.0

🐛 Bug Fixes

• #1721 Fixed crash in vue/component-api-style rule.

---

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v8.1.0...v8.1.1

✨ Enhancements

• #1707 Added vue/no-child-content rule that reports child content of elements that have a directive which overwrites that child content.
• #1712 Added vue/no-expose-after-await rule that reports the expose() after await expression.
• #1703 Added composition-vue2 style option in vue/component-api-style rule.

🐛 Bug Fixes

• #1713 Fixed false positives for type-only exports in vue/no-export-in-script-setup rule.
• #1715 Fixed false negatives for v-bind.sync in vue/no-mutating-props rule.
• #1715 Fixed false positives for shadowed props in vue/no-mutating-props rule.
• #1718 Fixed memory leak.

---

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v8.0.3...v8.1.0

🐛 Bug Fixes

• #1691 Upgrade vue-eslint-parser to use patch. It upgrade fixes the wrong location in multiple <script>

---

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v8.0.2...v8.0.3

🐛 Bug Fixes

• #1689 Fixed false positive for filename in vue/multi-word-component-names rule

---

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v8.0.1...v8.0.2

🐛 Bug Fixes

• #1686 Fixed false positives for arrow return in vue/valid-next-tick rule.

---

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v8.0.0...v8.0.1

💥 Breaking Changes

• #1588 Dropped supports Node.js v8-10, v13 and v15.
• #1664 Upgraded vue-eslint-parser to v8.0.0.
• Changed presets configs.
  • Changed plugin:vue/vue3-essential config.
    • #1603 Added vue/no-deprecated-v-is rule.
    • #1603 Added vue/no-export-in-script-setup rule.
    • #1603 Added vue/valid-define-emits rule.
    • #1603 Added vue/valid-define-props rule.
    • #1603 Added vue/valid-next-tick rule.
    • #1603 Added vue/valid-v-memo rule.
    • #1603 Added vue/no-useless-template-attributes rule.
    • #1603 Added vue/no-computed-properties-in-data rule.
    • #1603 Added vue/multi-word-component-names rule.
    • #1603 Added vue/no-deprecated-router-link-tag-prop rule.
    • #1678 Added vue/no-reserved-props rule.
  • Changed plugin:vue/vue3-strongly-recommended config.
    • Same changes as above.
    • #1603 Added vue/v-on-event-hyphenation rule.
    • #1587 Added vue/first-attribute-linebreak rule.
  • Changed plugin:vue/vue3-recommended config.
    • Same changes as above.
  • Changed plugin:vue/essential config.
    • #1603 Added vue/valid-next-tick rule.
    • #1603 Added vue/no-useless-template-attributes rule.
    • #1603 Added vue/no-computed-properties-in-data rule.
    • #1603 Added vue/multi-word-component-names rule.
    • #1678 Added vue/no-reserved-props rule.
  • Changed plugin:vue/strongly-recommended config.
    • Same changes as above.
    • #1587 Added vue/first-attribute-linebreak rule.
  • Changed plugin:vue/recommended config.
    • Same changes as above.
• #1587 Removed the allowFirstLine option of the vue/max-attributes-per-line rule.

✨ Enhancements

Core:

• #1685 Added setup-compiler-macros environment.

Rules:

• #1587 Added vue/first-attribute-linebreak rule aims to enforce a consistent location for the first attribute.
• #1678 Added vue/no-reserved-props rule that disallow reserved names to be used in props.
• #1680 Added vue/no-loss-of-precision rule that applies no-loss-of-precision rule to expressions in <template>.
• #1681 Added ignore option to vue/multi-word-component-names rule.
• #1679 Added support for Nuxt.js's asyncData in vue/no-dupe-keys, vue/no-reserved-keys, vue/no-template-shadow, vue/no-undef-properties, and vue/no-unused-properties rules.

🐛 Bug Fixes

• #1684 Fixed false positives for non-vue file in vue/multi-word-component-names rule.

---

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v7.20.0...v8.0.0

✨ Enhancements

• #1472 Added vue/no-undef-properties rule that warns of using undefined properties.
• #1653 Added vue/no-computed-properties-in-data rule that disallow accessing computed properties in data().
• #1659 Improved vue/no-use-computed-property-like-method rule reports.
• #1661 Added vue/multi-word-component-names rule to enforce multiple words in component names.
• #1663 Added vue/no-deprecated-router-link-tag-prop rule that disallow using deprecated tag property on <RouterLink>.

🐛 Bug Fixes

• #1659 Fixed crash in vue/no-use-computed-property-like-method rule.
• #1658 Fixed false positives for vars inside types in vue/valid-define-emits and vue/valid-define-props rules.

⚙️ Updates

• #1654 Changed peer deps eslint ver from ^6.2.0 || ^7.0.0 || ^8.0.0-0 to ^6.2.0 || ^7.0.0 || ^8.0.0.

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v7.19.1...v7.20.0

:bug: Bug Fixes

• [83eab8d2] Fixed false positives for vars inside functions in vue/valid-define-emits and vue/valid-define-props rules. Picked from #1652

---

Full Changelog: https://github.com/vuejs/eslint-plugin-vue/compare/v7.19.0...v7.19.1

✨ Enhancements

• #1639 Added vue/no-restricted-class rule that reports the classes you don't want to allow in the template.
• #1644 Added vue/no-useless-template-attributes rule that disallow useless attribute on <template> tags.

🐛 Bug Fixes

• #1647 Fixed false positives for toRefs in vue/no-unused-properties rule.
• #1648 Fixed unable to autofix event name with update:.

---

All commits: v7.18.0 -> v7.19.0

✨ Enhancements

• #1626 Added vue/component-api-style rule that aims to make the API style you use to define Vue components consistent in your project.

⚙️ Updates

• #1619 Updated vue/script-indent rule to support Class static block and typescript-eslint v5(rc)
• #1620 Changed type determination logic of type-only defineProps to follow vue v3.2.9.

---

All commits: v7.17.0 -> v7.18.0

✨ Enhancements

• #1605 Added vue/no-v-text rule that disallow v-text directive.

:gear: Updates

• #1607, #1610 Added support for ESLint v8 (beta). Note that ESLint v8 beta support will be removed without notice once a stable version of ESLint v8 is released.

---

All commits: v7.16.0 -> v7.17.0

✨ Enhancements

• #1596 Added vue/valid-v-memo rule that enforce valid v-memo directives.
• #1599 Updated vue/no-unsupported-features rule to support Vue 3.2 syntaxes.

🐛 Bug Fixes

• #1602 Fixed false positives for namespace component in vue/script-setup-uses-vars rule.

:gear: Updates

• #1598 Updated vue/no-restricted-v-bind and vue/valid-v-bind rules to support attr modifier.

---

All commits: v7.15.2 -> v7.16.0

🐛 Bug Fixes

• #1600 Fixed false positives in vue/no-use-computed-property-like-method rule.

---

All commits: v7.15.1 -> v7.15.2

🐛 Bug Fixes

• #1590 Fixed message typo in vue/no-reserved-keys rule.
• #1591 Fixed false positives for type-only defineProps in vue/require-default-prop rule.

---

All commits: v7.15.0 -> v7.15.1

✨ Enhancements

• #1234 Added vue/no-use-computed-property-like-method rule that disallows to use computed property like method.
• #1586 Added vue/block-lang rule rule that disallows the use of languages other than those available in the your application for the lang attribute of block elements.
• #1576 Updated some rules to support style CSS variable injection.
  • vue/comma-spacing rule.
  • vue/dot-notation rule.
  • vue/eqeqeq rule.
  • vue/func-call-spacing rule.
  • vue/no-extra-parens rule.
  • vue/no-restricted-syntax rule.
  • vue/no-useless-concat rule.
  • vue/prefer-template rule.
  • vue/space-in-parens rule.
  • vue/space-infix-ops rule.
  • vue/space-unary-ops rule.
  • vue/template-curly-spacing rule.

🐛 Bug Fixes

• #1584 Fixed false positives for call expression in vue/no-mutating-props rule.

:gear: Updates

• #1576 Upgraded vue-eslint-parser.

---

All commits: v7.14.0 -> v7.15.0

✨ Enhancements

• #1568 Added vue/require-expose rule that enforces the component to explicitly declare the exposed properties to the component using expose.
• #1566 Updated vue/no-unused-properties rule to support expose
• #1574 Updated some rules to support style CSS vars injection.
  • vue/no-parsing-error rule.
  • vue/no-unused-properties rule.
  • vue/script-setup-uses-vars rule.
  • vue/no-unsupported-features rule.
• #1565 Improved report location of vue/valid-v-xxx rules.

🐛 Bug Fixes

• #1569 Fixed false positives for <script setup> in vue/no-lifecycle-after-await rule.
• #1569 Fixed false positives for <script setup> in vue/no-watch-after-await rule.
• #1569 Fixed false positives for <script setup> in vue/no-restricted-call-after-await rule.
• #1575 Downgraded to semver compatible with Node v8.

---

All commits: v7.13.0 -> v7.14.0

✨ Enhancements

• Supports <script setup>
  • #1529 Added vue/script-setup-uses-vars rule that will find variables in <script setup> used in <template> and mark them as used.
  • #1559 Added vue/no-export-in-script-setup rule that disallows ES export in <script setup>.
  • #1560 Added vue/valid-define-props rule that reports defineProps compiler macros in the following cases:
    • defineProps are referencing locally declared variables.
    • defineProps has both a literal type and an argument. e.g. defineProps<{/*props*/}>({/*props*/})
    • defineProps has been called multiple times.
    • Props are defined in both defineProps and export default {}.
    • Props are not defined in either defineProps or export default {}.
  • #1561 Added vue/valid-define-emits rule that reports defineEmits compiler macros in the following cases:
    • defineEmits are referencing locally declared variables.
    • defineEmits has both a literal type and an argument. e.g. defineEmits<(e: 'foo')=>void>(['bar'])
    • defineEmits has been called multiple times.
    • Custom events are defined in both defineEmits and export default {}.
    • Custom events are not defined in either defineEmits or export default {}.
  • #1532, #1559 Upgraded vue-eslint-parser.
  • Updated rules to support <script setup>.
    • #1531 vue/no-mutating-props rule.
    • #1535 vue/no-reserved-keys rule.
    • #1533 vue/no-async-in-computed-properties rule.
    • #1534 vue/no-side-effects-in-computed-properties rule.
    • #1536 vue/require-prop-type-constructor rule.
    • #1539 vue/no-lifecycle-after-await rule.
    • #1538 vue/require-valid-default-prop rule.
    • #1542 vue/return-in-emits-validator rule.
    • #1545 vue/require-default-prop rule.
    • #1540 vue/no-setup-props-destructure rule.
    • #1541 vue/no-watch-after-await rule.
    • #1543 vue/no-template-shadow rule.
    • #1544 vue/prop-name-casing rule.
    • #1546 vue/require-prop-types rule.
    • #1548 vue/require-explicit-emits rule.
    • #1549 vue/custom-event-name-casing rule.
    • #1550 vue/no-boolean-default rule.
    • #1551 vue/no-restricted-call-after-await rule.
    • #1552 vue/no-restricted-props rule.
    • #1553 vue/no-unregistered-components rule.
    • #1554 vue/no-unsupported-features rule.
    • #1555 vue/no-unused-properties rule.
    • #1556 vue/no-unused-refs rule.
    • #1557 vue/require-emit-validator rule.
    • #1558 vue/require-name-property rule.
• #1543 Updated vue/no-template-shadow rule to support setup().
• #1556 Updated vue/no-unused-refs rule to support setup().

🐛 Bug Fixes

• #1527 Changed the indent rule so that the union type has the same indent as the binary expression.

⚙️ Updates

• #1528 Deprecated vue/experimental-script-setup-vars rule.

---

All commits: v7.12.1 -> v7.13.0

:bug: Bug Fixes

• #1525 Fixed false positives for trailing comma with import in vue/script-indent rule.

---

All commits: v7.12.0 -> v7.12.1

✨ Enhancements

• #1520 Improved vue/script-indent rule to support TypeScript syntax.
• #1481 Improved vue/script-indent rule and vue/html-indent rule to support ES2022 Class Fields syntax. (When using espree v8+.)

🐛 Bug Fixes

• #1521 Fixed wrong auto-fix in vue/no-deprecated-slot-attribute rule and vue/no-deprecated-slot-scope-attribute rule.
• #1522 Fixed false positives for default with type Function in vue/no-deprecated-props-default-this rule.

⚙️ Updates

• #1481 Supports ES2022 Class Fields. (When using espree v8+.)

---

All commits: v7.11.1 -> v7.12.0

:bug: Bug Fixes

• #1515 Fixed crash when using objectsInObjects option in vue/object-curly-spacing rule.

✨ Enhancements

New Rules:

• #1506 Added vue/no-this-in-before-route-enter rule that disallow this usage in a beforeRouteEnter method.
• #1510 Added vue/no-deprecated-v-is rule that disallow deprecated v-is directive (in Vue.js 3.1.0+).

Other changes in Rules:

• #1501 Made vue/no-deprecated-destroyed-lifecycle rule to auto-fixable.

⚙️ Updates

• #1509 Added supports for is="vue:" (Vue 3.1.0+).

---

All commits: v7.10.0 -> v7.11.0

✨ Enhancements

New Rules:

• #1487 Added vue/require-emit-validator rule that enforce the validator definition in emits.

Other changes in Rules:

• #1493 Changed vue/this-in-template rule to support autofix.

:gear: Updates

• #1484 Changed vue/attribute-hyphenation rule to ignore SVG attributes.

---

All commits: v7.9.0 -> v7.10.0

✨ Enhancements

New Rules:

• #1466 Added vue/no-invalid-model-keys rule that disallow invalid model option keys.
• #1474 Added vue/no-unused-refs rule that reports refs that are defined using the ref attribute in <template> but are not used via $refs.

Other changes in Rules:

• #1465 Added singleline.allowFirstLine option to vue/max-attributes-per-line rule.

:bug: Bug Fixes

• #1469 Fixed false negative in as expression for vue/require-valid-default-prop rule.

---

All commits: v7.8.0 -> v7.9.0

✨ Enhancements

• #1450 Changed vue/require-direct-export rule to allow more cases (e.g. export default defineComponent({})).
• #1451 Changed vue/valid-v-show rule to disallow v-show in <template> tag.

✨ Enhancements

Changes in Rules:

• #1444 Added ignorePublicMembers option to vue/no-unused-properties rule.

🐛 Bug Fixes

• #1446 Fixed false negatives for member access with $ in vue/this-in-template rule.

:gear: Updates

• #1448 Upgrade vue-eslint-parser to v7.6.0.
  This makes the parser to case sensitive to the name used to determine the element when the file is SFC.

---

All commits: v7.6.0 -> v7.7.0

✨ Enhancements

New Rules:

• #1001, #1432 Added vue/html-button-has-type rule.

Other changes in Rules:

• #1429 Added "SLOT" option to vue/attributes-order rule to specify v-slot order.
• #1430 Changed the option schema for the following rules to be stricter. Incorrect options are reported as errors.
  • vue/attributes-order rule.
  • vue/component-tags-order rule.
  • vue/max-attributes-per-line rule.
  • vue/new-line-between-multi-line-property rule.
  • vue/no-bare-strings-in-template rule.
  • vue/no-duplicate-attributes rule.
  • vue/no-potential-component-option-typo rule.
  • vue/no-reserved-component-names rule.
  • vue/no-use-v-if-with-v-for rule.
  • vue/no-useless-mustaches rule.
  • vue/no-useless-v-bind rule.
  • vue/valid-v-slot rule.
• #1436 Improved autofix of vue/no-deprecated-slot-attribute rule when slot name contains _.

🐛 Bug Fixes

• #1434 Fixed false negatives for v-bind="object" in vue/attributes-order rule.

:gear: Updates

• #1440 Upgrade vue-eslint-parser to v7.5.0.
  This change fixes an issue that caused a crash when using some queries with vue/no-restricted-syntax rule.

---

All commits: v7.5.0 -> v7.6.0

✨ Enhancements

New Rules:

• #1401 Added vue/no-constant-condition rule applies no-constant-condition rule to expressions in <template>, v-if, v-show and v-else-if.
• #1400 Added vue/next-tick-style rule that enforces whether the callback version or Promise version should be used in Vue.nextTick and this.$nextTick.
• #1404 Added vue/valid-next-tick rule that enforce valid nextTick function calls.

Other changes in Rules:

• #1396 Make vue/no-ref-as-operand rule fixable.

🐛 Bug Fixes

• #1398 Added computed() support to vue/no-async-in-computed-properties rule.
• #1406 Added computed() support to vue/return-in-computed-property rule.
• #1407 Added computed() support to vue/no-side-effects-in-computed-properties rule.
• #1419 Fixed false positives for mixin() in vue/one-component-per-file and vue/require-name-property rules.
• #1421 Fixed crash for toLocaleString() in vue/no-unused-properties rule.
• #1420 Fixed false positives for quoted 'emits' in vue/require-explicit-emits rule.

:gear: Updates

• #1422 Upgrade vue-eslint-parser to 7.4.1

:gear: Chores

• #1392 Refactor vue/attributes-order rule.
• #1405 Refactor vue/no-async-in-computed-properties rule.

---

All commits: v7.4.1 -> v7.5.0

🐛 Bug Fixes

• https://github.com/vuejs/eslint-plugin-vue/commit/d176d6bce9953c1b20eff851208235ea7e7a5efa Fixed false positives for assignments in no-ref-as-operand rule

---

All commits: v7.4.0 -> v7.4.1

✨ Enhancements

New Rules:

• #1381 Added vue/no-restricted-call-after-await rule that reports your restricted calls after the await expression.
• #1388 Added vue/v-on-event-hyphenation rule that enforces using hyphenated v-on event names on custom components in Vue templates.
• #1389 Added vue/no-restricted-block rule that allows you to specify block names that you don't want to use in your application.

Other changes in Rules:

• #1387 Added deepData option to vue/no-unused-properties rule.

🐛 Bug Fixes

• #1382 Fixed multiple reporting of same warnings in vue/no-unregistered-component rule.
• #1391 Fixed false positives for v-bind="object" syntax in vue/attributes-order rule.

---

All commits: v7.3.0 -> v7.4.0

✨ Enhancements

• #1080 Added vue/new-line-between-multiline-property rule that enforces new lines between multi-line properties.
• #1376 Added vue/no-restricted-props rule that disallows prop names that you don't want to use.
• #1377 Added vue/no-restricted-custom-event rule that disallows custom event names that you don't want to use.

⚙️ Updates

• #1375 Upgraded vue-eslint-parser to 7.3.0

---

All commits: v7.2.0 -> v7.3.0

✨ Enhancements

• #1364 Added casing option to vue/custom-event-name-casing rule.

⚙️ Updates

• #1365 Upgraded vue-eslint-parser to 7.2.0
• #1364 Removed vue/custom-event-name-casing rule from "plugin:vue/essential" and "plugin:vue/vue3-essential" configurations

🐛 Bug Fixes

• #1335 Fixed false positives when using is attr in vue/valid-v-bind-sync rule.
• #1366 Fixed false positives when using v-for variable for v-slot in vue/valid-v-slot rule
• #1367 Fixed false positives when using <svg> in vue/valid-v-slot and vue/valid-v-model rule
• #1368 Fixed false negatives when using handler property in vue/no-arrow-functions-in-watch rule
• #1369 Fixed false positives for methods whose arguments should not be changed in vue/v-on-function-call rule.

---

All commits: v7.1.0 -> v7.2.0

✨ Enhancements

New Rules:

• #1328 Added vue/block-tag-newline rule that enforces a line break (or no line break) after opening and before closing block tags.
• #1326 Added vue/array-bracket-newline rule applies array-bracket-newline rule to expressions in <template>.

Other changes in Rules:

• #1321 Added ignores option to vue/custom-event-name-casing rule.
• #1330 Added allowModifiers option to vue/valid-v-slot rule.

🐛 Bug Fixes

• #1332 Fixed CRLF issues.
• #1305 Fixed false positives for recursive components in vue/no-unregistered-components rule.
• #1324 Fixed false positives when used via argument in vue/no-unused-properties

⚙️ Updates

• #1322 Changed not to use ESLint internal modules.

⚙️ Chores

• #1337 Added Types for ES2021.
• #1332 Upgraded vue-eslint-parser to 7.1.1

---

All commits: v7.0.1 -> v7.1.0

🐛 Bug Fixes

• #1317 Avoid redundant global self-require of the plugin.

---

All commits: v7.0.0 -> v7.0.1

:rocket: Highlight

• Support for Vue.js 3.0 "One Piece".
• Support for ESLint 7.x.
• Support for ECMAScript 2020.
• Added 66 new rules.

💥 Breaking Changes

• #1209 Change support version of ESLint from 6.0.0 to 6.2.0.
• Updated presets configs.
  • Changed plugin:vue/base config.
    • #1237 Removed jsx:true from shareable configs.
    • #1209 Changed parserOptions.ecmaVersion to 2020.
    • #1303 Added vue/experimental-script-setup-vars rule.
  • Changed plugin:vue/essential config.
    • Same changes as above.
    • #1036 Added vue/valid-v-bind-sync rule.
    • #1036 Added vue/valid-v-slot rule.
    • #1036 Added vue/no-custom-modifiers-on-v-model rule.
    • #1036 Added vue/no-multiple-template-root rule.
    • #1036 Added vue/no-v-model-argument rule.
    • #1148 Added vue/no-mutating-props rule.
    • #1156 Added vue/no-arrow-functions-in-watch rule.
    • #1166 Added vue/custom-event-name-casing rule.
    • #1239 Added vue/no-dupe-v-else-if rule.
    • #1281 Added vue/no-v-for-template-key rule.
  • Changed plugin:vue/strongly-recommended config.
    • Same changes as above.
    • #1036 Added vue/component-definition-name-casing rule.
    • #1036 Added vue/v-slot-style rule.
    • #1036 Removed vue/name-property-casing rule.
    • #1149 Added vue/one-component-per-file rule.
  • Changed plugin:vue/recommended config.
    • Same changes as above.
    • #1036 Added vue/component-tags-order rule.
    • #1179 Added vue/no-multiple-slot-args rule.
    • #1238 Added vue/no-lone-template rule.
• #1036 Changed vue/name-property-casing rule to be deprecate.
• #1120 Added the support of descriptions in directive comments.
• #1120 Added the support for block-level directive comments.
• Changed the default order option for vue/order-in-components rule.
  • Add options for Vue.js 3.x.
    • #1181 emits to after props.
    • #1181 setup to after emits.
    • #1181 beforeUnmount and unmounted to LIFECYCLE_HOOKS.
    • #1181 renderTracked and renderTriggered to LIFECYCLE_HOOKS.
  • Add options for Vue.js 2.x.
    • #1181 provide and inject to after mixins.
    • #1181 errorCaptured to LIFECYCLE_HOOKS.
  • Add options for Vue Router.
    • #1107 ROUTER_GUARDS (beforeRouteEnter, beforeRouteUpdate and beforeRouteLeave) to after provide / inject (provide / inject was added after mixins).
  • Add options for Nuxt.
    • #1107 key to after name.
    • #1107 layout, middleware, validate, scrollToTop, transition, loading to after ROUTER_GUARDS (ROUTER_GUARDS was added after provide / inject).
    • #1107 watchQuery to after watch.
  • Change options for Nuxt.
    • #1107 head move from after methods to after data.
    • #1268 fetch move from after props / propsData to after data.

✨ Enhancements

Core:

• #1120 Added the support of descriptions in directive comments.
• #1120 Added the support for block-level directive comments.
• #1073, #1088 Updated the rules of this plugin to detect Vue.js 3.x components.
• #1064 Updated the rules of this plugin to be able to analyze the arrow function component options.
• #1152 Changed casing conversion logic to behave like Vue core logic.
• Changed plugin:vue/essential config.
• Changed plugin:vue/strongly-recommended config.
• Changed plugin:vue/recommended config.

New Rulesets:

• Added plugin:vue/vue3-essential config.
• Added plugin:vue/vue3-strongly-recommended config.
• Added plugin:vue/vue3-recommended config.

New Rules:

for Vue.js 3.x:

• #1039 Added vue/no-deprecated-v-bind-sync rule that reports when deprecated .sync modifier is used on v-bind directive. Related to RFC0005
• #1043 Added vue/no-deprecated-filter rule that reports usage of filters syntax removed in Vue.js 3.0.0+. Related to RFC0015
• #1065 Added vue/no-ref-as-operand rule that reports cases where a ref is used incorrectly as an operand. Related to RFC0013
• #1066 Added vue/no-setup-props-destructure rule that reports the destructuring of props passed to setup causing the value to lose reactivity. Related to RFC0013
• #1067 Added vue/no-lifecycle-after-await rule that reports the lifecycle hooks after await expression. Related to RFC0013
• #1079 Added vue/no-deprecated-v-on-number-modifiers rule that reports use of deprecated KeyboardEvent.keyCode modifier on v-on directive. Related to RFC0014
• #1083 Added vue/no-deprecated-data-object-declaration rule that reports use of deprecated object declaration on data property. Related to RFC0019
• #1097 Added vue/no-deprecated-events-api rule that reports use of deprecated $on, $off and $once api (removed in Vue.js v3.0.0+). Related to RFC0020
• #1068 Added vue/no-watch-after-await rule that reports the watch() after await expression. RFC0013
• #1099, #1105 Added vue/require-toggle-inside-transition rule that reports elements inside <transition> that do not control the display. Related to RFC0017
• #1100 Added vue/no-deprecated-inline-template rule that reports deprecated inline-template attributes (removed in Vue.js v3.0.0+) Related to RFC0016
• #1117 Added vue/no-deprecated-html-element-is rule that reports deprecated the is attribute on HTML elements (removed in Vue.js v3.0.0+). Related to RFC0027
• #1118 Added vue/no-deprecated-vue-config-keycodes rule that reports use of deprecated Vue.config.keyCodes (removed in Vue.js 3.0.0+). Related to RFC0014
• #1119 Added vue/no-deprecated-functional-template rule that reports deprecated the functional template (removed in Vue.js 3.0.0+). Related to RFC0007
• #1124 Added vue/require-explicit-emits rule that reports event triggers not declared with the emits option. Related to RFC0030
• #1129 Added vue/return-in-emits-validator rule enforces that a return statement is present in emits validators. Related to RFC0030
• #1130 Added vue/no-deprecated-v-on-native-modifier rule that reports use of deprecated .native modifier on v-on directive. Related to RFC0031
• #1133 Added vue/no-deprecated-dollar-listeners-api rule that reports use of deprecated $listeners. Related to RFC0031
• #1177 Added vue/no-deprecated-dollar-scopedslots-api rule that reports use of deprecated $scopedSlots. Related to RFC0006
• #1178 Added vue/require-slots-as-functions rule enforces the properties of $slots to be used as a function. Related to RFC0006
• #1211 Added vue/no-deprecated-destroyed-lifecycle rule reports use of deprecated destroyed and beforeDestroy lifecycle hooks.
• #1253 Added vue/valid-v-is rule that reports wrong usage of v-is directives.
• #1289 Added vue/no-v-for-template-key-on-child rule that reports the key of the <template v-for> placed on the child elements.
• #1302 Added vue/no-deprecated-props-default-this rule that reports the use of this within the props default value factory functions.
• #1303 Added vue/experimental-script-setup-vars rule that prevent variables defined in <script setup> to be marked as undefined.

for Vue.js 2.x:

• #1038 Added vue/no-multiple-template-root rule to template to check for a single root element. This rule has been separated from the previous vue/valid-template-root rule.
• #1039 Added vue/no-v-model-argument rule that does not allow argument to v-model.
• #1039 Added vue/no-custom-modifiers-on-v-model rule that reports when v-model is used with custom modifiers on Vue Component.
• #1281 Added vue/no-v-for-template-key rule that disallow the key placed on the <template v-for>. This rule has been separated from the previous vue/no-template-key rule.

Commons:

• #1086 Added vue/no-template-no-target-blank rule that disallows using target="_blank" attribute without rel="noopener noreferrer" to avoid a security vulnerability.
• #1114 Added vue/no-unregistered-components rule that disallow using components that are not registered inside templates.
• #755 Added vue/html-comment-indent rule that enforce consistent indentation in HTML comments.
• #755 Added vue/html-comment-content-newline rule that enforce unified line brake in HTML comments.
• #755 Added vue/html-comment-content-spacing rule that enforce unified spacing in HTML comments.
• #627 #1144 Added vue/no-duplicate-attr-inheritance rule that warn to apply inheritAttrs: false when it detects v-bind="$attrs" being used.
• #871 #1145 Added vue/no-unused-properties rule that report unused properties.
• #633 #1148 Added vue/no-mutating-props rule that reports mutation of component props.
• #671 Added vue/one-component-per-file rule that checks if there is only one component per file.
• #1072 Added vue/no-potential-property-typo rule that disallow a potential typo in your component options.
• #1155 Added vue/no-arrow-functions-in-watch rule that disallow use an arrow function to define a watcher.
• #1166 Added vue/custom-event-name-casing rule that enforces using kebab-case custom event names.
• #1179 Added vue/no-multiple-slot-args rule disallows to pass multiple arguments to scoped slots.
• #1185 Added vue/no-bare-strings-in-template rule that disallows the use of bare strings in <template>.
• #1186 Added vue/no-useless-v-bind rule that reports v-bind with a string literal value.
• #1187 Added vue/no-useless-mustaches rule that reports mustache interpolation with a string literal value.
• #1191 Added vue/no-restricted-v-bind rule that disallow specific argument in v-bind.
• #1192 Added vue/no-restricted-static-attribute rule that disallow specific attribute.
• #1213 Added vue/no-restricted-component-options rule that disallow specific component options.
• #1218 Added vue/no-multiple-objects-in-class rule disallows to pass multiple objects into array to class.
• #1222 Added vue/no-empty-component-block rule disallows the <template> <script> <style> block to be empty.
• #1238 Added vue/no-lone-template rule that disallow unnecessary <template> element.
• #1239 Added vue/no-dupe-v-else-if rule that disallow duplicate conditions in v-if / v-else-if chains.
• #1267 Added vue/v-for-delimiter-style rule that enforces which delimiter (in or of) should be used in v-for directives.

Core Extends:

• #1140 Added vue/comma-spacing rule that applies comma-spacing rule to expressions in <template>.
• #1141 Added vue/prefer-template rule that applies prefer-template rule to expressions in <template>.
• #1142 Added vue/template-curly-spacing rule that applies template-curly-spacing rule to expressions in <template>.
• #1157 Added vue/space-in-parens rule that applies space-in-parens rule to expressions in <template>.
• #1159 Added vue/comma-style rule that applies comma-style rule to expressions in <template>.
• #1158 Added vue/no-extra-parens rule that applies no-extra-parens rule to expressions in <template>.
• #1171 Added vue/no-useless-concat rule that applies no-useless-concat rule to expressions in <template>.
• #1173 Added vue/dot-notation rule that applies dot-notation rule to expressions in <template>.
• #1193 Added vue/object-property-newline rule that applies object-property-newline rule to expressions in <template>.
• #1194 Added vue/object-curly-newline rule that applies object-curly-newline rule to expressions in <template>.
• #1200 Added vue/operator-linebreak rule that applies operator-linebreak rule to expressions in <template>.
• #1201 Added vue/func-call-spacing rule that applies func-call-spacing rule to expressions in <template>.
• #1243 Added vue/no-sparse-arrays rule that applies no-sparse-arrays rule to expressions in <template>.

New Options:

• #1070 Added ignorePattern option to vue/no-unsed-vars rule to disables reporting of variable names that match the regular expression.
• #1116 Added disallowVueBuiltInComponents and disallowVue3BuiltInComponents option that reports Vue built-in component names to the vue/no-reserved-component-names rule.
• #1167 Added reportUnusedDisableDirectives option to vue/comment-directive.
• #1162 Added closeBracket.startTag, closeBracket.endTag and closeBracket.selfClosingTag options to vue/html-indent rule. So that the closeBracket offset value can be set for each tag type.
• #1204 Added ignoreIncludesComment option to vue/v-on-function-call rule.
• #1212 Added "v-model-argument" and "v-model-custom-modifiers" to the syntax checked by the vue/no-unsupported-features rule.
• #1254 Added "v-is" to the syntax checked by the vue/no-unsupported-features rule.

Other Changes in Rules:

for Vue.js 3.x:

• #1038 Changed to remove a single root element check from vue/valid-template-root rule.
• #1039 Changed vue/valid-v-model rule to allow v-model argument. Related to RFC0011
• #1039 Changed vue/valid-v-model rule to allow v-model custom modifiers. Related to RFC0011
• #1082 Changed vue/no-dupe-key, vue/no-reserved-keys rules to handle setup.
• #1199 Changed vue/require-direct-export rule to allow Vue 3 functional component.
• #1181 Added the Vue.js 3.x options to the default order option for vue/order-in-components rule.
• #1254 Changed the vue/attributes-order rule to handle v-is as DEFINITION category.
• #1254 Changed the vue/no-unregistered-components rule to handle v-is like :is.
• #1254 Changed the vue/no-unused-components rule to handle v-is like :is.
• #1258 Changed to report slot-scope when "^3.0.0" is set in vue/no-unsupported-features rule.
• #1281 Changed vue/no-template-key rule to allow v-for key.
• #1287 Changed vue/valid-v-for rule to not report when placing key on <template>.
• #1287 Changed vue/require-v-for-key rule to not report when placing key on <template>.

Commons:

• #1036 Changed vue/name-property-casing rule to be deprecate.
• #1154 Changed vue/no-side-effects-in-computed-properties rule to track the this variable.
• #1160 Changed vue/require-valid-default-prop rule to track the return statement in the function defined in default.
• #1160 Changed vue/require-valid-default-prop rule to check BigInt.
• #1160 Improved the location of reporting errors in vue/require-valid-default-prop rule.
• #1162 Changed vue/html-indent rule to calculate the base point of the indent offset of the closing bracket of the end tag by the start tag.
• #1183 Improved autofix of vue/order-in-components rule to understand "Nullish Coalescing".
• #1184 Changed to not report that a value is required when parsing error for vue/valid-v-bind-sync, vue/valid-v-bind, vue/valid-v-else-if, vue/valid-v-for, vue/valid-v-html, vue/valid-v-if, vue/valid-v-model, vue/valid-v-on, vue/valid-v-show, vue/valid-v-slot and vue/valid-v-text rules.
• #1189 Changed vue/component-tags-order rule to allow name array to be specified with one order option.
• #1189 Changed the default order option for vue/component-tags-order rule.
• #1107 Added Nuxt and Vue Router properties to the default order option.
• #1181, #1107 Changed the default order option for vue/order-in-components rule.
• #1017 Added supports for ES2020 syntaxes to vue/html-indent and vue/script-indent rules.
• #1209 Added supports for Optional Chaining (ES2020) to rules.

🐛 Bug Fixes

• #1146 Fixed false positives for member call and autofix error in vue/v-on-function-call rule.
• #1152 Fixed some casing issues.
• #1164 Fixed false negatives when v-for and v-slot mixed or use destructuring for vue/no-unused-var rule.
• #1190 Fixed false positives for getter/setter in vue/no-dupe-keys rule.
• #1204 Fixed wrong autofix in vue/v-on-function-call rule.
• #1208 Fixed false negatives for TemplateLiteral in vue/prop-name-casing rule.
• #1206 Fixed crash when is attribute with no value in vue/no-unused-components rule.
• #1242 Fixed vue/require-valid-default-prop and vue/require-default-prop rules crash on sparse arrays.
• #1262 Fixed reporting "Use the latest vue-eslint-parser" message in non-vue files.
• #1154 #1283 Fixed false positives for spread elements in vue/no-side-effects-in-computed rule.

---

All commits: v6.2.2 -> v7.0.0

💥 Breaking Changes

• Changed plugin:vue/base config.
  • #1303 Added vue/experimental-script-setup-vars rule.
• Changed plugin:vue/vue3-* configs
  • #1302 Added vue/no-deprecated-props-default-this rule.

✨ Enhancements

New Rules:

• #1302 Added vue/no-deprecated-props-default-this rule that reports the use of this within the props default value factory functions.
• #1303 Added vue/experimental-script-setup-vars rule that prevent variables defined in <script setup> to be marked as undefined.

---

All commits: v7.0.0-beta.3 -> v7.0.0-beta.4

💥 Breaking Changes

• Changed plugin:vue/vue3-* configs
  • #1289 Added vue/no-v-for-template-key-on-child rule.

✨ Enhancements

New Rules:

• #1281 Added vue/no-v-for-template-key rule that disallow the key placed on the <template v-for>. (Separated from vue/no-template-key rule)
• #1289 Added vue/no-v-for-template-key-on-child rule that reports the key of the <template v-for> placed on the child elements.

⚙️ Updates

• #1281 Changed vue/no-template-key rule to allow v-for key.
• #1281 Added vue/no-v-for-template-key rule to plugin:vue/essential config.
• #1287 Changed vue/valid-v-for rule to not report when placing key on <template>
• #1287 Changed vue/require-v-for-key rule to not report when placing key on <template>

---

All commits: v7.0.0-beta.2 -> v7.0.0-beta.3

💥 Breaking Changes

• #1268 Changed the default order option for vue/order-in-components rule.
  • Change options for Nuxt
    • fetch move from after setup to after data .

---

All commits: v7.0.0-beta.1 -> v7.0.0-beta.2

✨ Enhancements

New Rules:

• #1267 Added vue/v-for-delimiter-style rule that enforces which delimiter (in or of) should be used in v-for directives.

Other changes in Rules:

• #1259 Added allowProps option to vue/require-explicit-emits rule.

:bug: Bug Fixes

• #1258 Fixed false negatives of "slot-scope" when "^3.0.0" is set in vue/no-unsupported-features rule.
• #1262 Fixed reporting "Use the latest vue-eslint-parser" message in non-vue files.

---

All commits: v7.0.0-beta.0 -> v7.0.0-beta.1

💥 Breaking Changes

• #1209 Change supported version of ESLint from 6.0.0 to 6.2.0.
• Updated presets configs.
  • #1209 Change presets configs parserOptions.ecmaVersion to 2020.
  • Changed plugin:vue/vue3-essential config
    • #1253 Added vue/valid-v-is rule.
  • Changed plugin:vue/vue3-strongly-recommended config
    • Same changes as above.
    • #1251 Added vue/require-explicit-emits rule.
  • Changed plugin:vue/vue3-recommended config
    • Same changes as above.

✨ Enhancements

New Rules:

• #1253 Added vue/valid-v-is rule that reports wrong usage of v-is directives.

Other changes in Rules:

• #1209 Supports Optional Chaining (ES2020)
• #1254 Changed the vue/attributes-order rule to handle v-is as DEFINITION category.
• #1254 Changed the vue/no-unregistered-components rule to handle v-is like :is.
• #1254 Changed the vue/no-unused-components rule to handle v-is like :is.
• #1254 Added "v-is" to the syntax checked by the vue/no-unsupported-features rule.

:bug: Bug Fixes

• #1255 Fixed false positives for watch handler methods in vue/no-unused-properties rule.

---

All commits: v7.0.0-alpha.10 -> v7.0.0-beta.0

💥 Breaking Changes

• Updated presets configs.
  • Changed plugin:vue/vue3-essential config
    • #1239 Added vue/no-dupe-v-else-if rule.
  • Changed plugin:vue/vue3-strongly-recommended config
    • Same changes as above.
  • Changed plugin:vue/vue3-recommended config
    • Same changes as above.
    • #1238 Added vue/no-lone-template rule.
  • Changed plugin:vue/essential config
    • #1239 Added vue/no-dupe-v-else-if rule.
  • Changed plugin:vue/strongly-recommended config
    • Same changes as above.
  • Changed plugin:vue/recommended config
    • Same changes as above.
    • #1238 Added vue/no-lone-template rule.
  • #1237 Removed jsx:true from shareable configs.

✨ Enhancements

New Rules:

• #1238 Added vue/no-lone-template rule that disallow unnecessary <template> element.
• #1239 Added vue/no-dupe-v-else-if rule that disallow duplicate conditions in v-if / v-else-if chains.
• #1243 Added vue/no-sparse-arrays rule that applies no-sparse-arrays rule to expressions in <template>.

Other changes in Rules:

• #1225 Changed vue/no-ref-as-operand to also check ref of @vue/composition-api.

:bug: Bug Fixes

• #1242 Fixed vue/no-unused-properties, vue/require-valid-default-prop, vue/require-default-prop and vue/no-multiple-objects-in-class rules crash on sparse arrays.

⚙️ Updates

• #1237 Removed jsx:true from shareable configs.

---

All commits: v7.0.0-alpha.9 -> v7.0.0-alpha.10

🐛 Bug Fixes

• #1232 Fixed crash when using vue/no-empty-component-block and vue/padding-line-between-blocks rules in .js file

---

All commits: v7.0.0-alpha.8 -> v7.0.0-alpha.9

🐛 Bug Fixes

• #1226 #1227 Fixed crash in the vue/no-side-effects-in-computed-properties, vue/no-async-in-computed-properties, vue/no-setup-props-destructure and vue/no-watch-after-await rules.

---

All commits: v7.0.0-alpha.7 -> v7.0.0-alpha.8

💥 Breaking Changes

• Updated presets configs.
  • Changed plugin:vue/vue3-essential config
    • #1211 Added vue/no-deprecated-destroyed-lifecycle rule.
  • Changed plugin:vue/vue3-strongly-recommended config
    • Same changes as above.
  • Changed plugin:vue/vue3-recommended config
    • Same changes as above.
• #1107 Changed the default order option for vue/order-in-components rule. Add Nuxt and Vue Router properties.
  • Add options for Vue Router
    • ROUTER_GUARDS (beforeRouteEnter, beforeRouteUpdate and beforeRouteLeave) to after ["provide", "inject"].
  • Add options for Nuxt
    • key to after name.
    • layout, middleware, validate, scrollToTop, transition, loading to after ROUTER_GUARDS (ROUTER_GUARDS was added after ["provide", "inject"]).
    • watchQuery to after watch.
  • Change options for Nuxt
    • head move from after methods to after data .
• #1214 Change the option name in the vue/no-bare-strings-in-template rule.

✨ Enhancements

New Rules:

• #1211 Added vue/no-deprecated-destroyed-lifecycle rule reports use of deprecated destroyed and beforeDestroy lifecycle hooks.
• #1213 Added vue/no-restricted-component-options rule that disallow specific component options.
• #1218 Added vue/no-multiple-objects-in-class rule disallows to pass multiple objects into array to class.
• #1222 Added vue/no-empty-component-block rule disallows the <template> <script> <style> block to be empty.

Other changes in Rules:

• #1204 Added ignoreIncludesComment option to vue/v-on-function-call rule.
• #1017 Added supports for ES2020 syntaxes to vue/html-indent and vue/script-indent rules.
• #1212 Added "v-model-argument" and "v-model-custom-modifiers" to the syntax checked by the vue/no-unsupported-features rule.

🐛 Bug Fixes

• #1204 Fixed wrong autofix in vue/v-on-function-call rule.
• #1208 Fixed false negatives for TemplateLiteral in vue/prop-name-casing rule.
• #1206 Fixed crash when is attribute with no value in vue/no-unused-components rule.

⚙️ Chores

• #1206 Added JSDoc type checking with TypeScript, and refactoring.

---

All commits: v7.0.0-alpha.6 -> v7.0.0-alpha.7

💥 Breaking Changes

• Updated presets configs.
  • Changed plugin:vue/vue3-essential config
    • #1177 Added vue/no-deprecated-dollar-scopedslots-api rule.
    • #1178 Added vue/require-slots-as-functions rule.
  • Changed plugin:vue/vue3-strongly-recommended config
    • Same changes as above.
  • Changed plugin:vue/vue3-recommended config
    • Same changes as above.
    • #1179 Added vue/no-multiple-slot-args rule.
  • Changed plugin:vue/recommended config
    • #1179 Added vue/no-multiple-slot-args rule.
• #1189 Changed the default order option for vue/component-tags-order rule.
• #1181 Changed the default order option for vue/order-in-components rule.
  • Add options for Vue.js 3.x
    • emits to after props.
    • setup to after emits.
    • beforeUnmount and unmounted to LIFECYCLE_HOOKS.
    • renderTracked and renderTriggered to LIFECYCLE_HOOKS.
  • Add options for Vue.js 2.x
    • provide and inject to after mixins.
    • errorCaptured to LIFECYCLE_HOOKS.

✨ Enhancements

New Rules:

• #1177 Added vue/no-deprecated-dollar-scopedslots-api rule that reports use of deprecated $scopedSlots. RFC0006
• #1178 Added vue/require-slots-as-functions rule enforces the properties of $slots to be used as a function. RFC0006
• #1179 Added vue/no-multiple-slot-args rule disallows to pass multiple arguments to scoped slots.
• #1185 Added vue/no-bare-strings-in-template rule that disallows the use of bare strings in <template>.
• #1186 Added vue/no-useless-v-bind rule that reports v-bind with a string literal value.
• #1187 Added vue/no-useless-mustaches rule that reports mustache interpolation with a string literal value.
• #1191 Added vue/no-restricted-v-bind rule that disallow specific argument in v-bind.
• #1192 Added vue/no-restricted-static-attribute rule that disallow specific attribute.
• #1193 Added vue/object-property-newline rule that applies object-property-newline rule to expressions in <template>.
• #1194 Added vue/object-curly-newline rule that applies object-curly-newline rule to expressions in <template>.
• #1200 Added vue/operator-linebreak rule that applies operator-linebreak rule to expressions in <template>.
• #1201 Added vue/func-call-spacing rule that applies func-call-spacing rule to expressions in <template>.

Other changes in Rules:

• #1180 Changed vue/no-ref-as-operand rule to additionally track variables generated by computed, toRef, customRef and shallowRef.
• #1180 Changed vue/no-ref-as-operand rule to report incorrect use of TemplateLiteral and MemberExpression.
• #1183 Improved autofix of vue/order-in-components rule to understand "Nullish Coalescing".
• #1184 Changed to not report that a value is required when parsing error for vue/valid-v-bind-sync, vue/valid-v-bind, vue/valid-v-else-if, vue/valid-v-for, vue/valid-v-html, vue/valid-v-if, vue/valid-v-model, vue/valid-v-on, vue/valid-v-show, vue/valid-v-slot and vue/valid-v-text rules.
• #1189 Changed vue/component-tags-order rule to allow name array to be specified with one order option.

🐛 Bug Fixes

• #1190 Fixed false positives for getter/setter in vue/no-dupe-keys rule.
• #1198 Fixed false positives for render props and template refs in vue/no-unused-properties rule.
• #1199 Fixed false positives for Vue 3 functional component in vue/require-direct-export rule.

---

All commits: v7.0.0-alpha.5 -> v7.0.0-alpha.6

💥 Breaking Changes

• Updated presets configs.
  • Changed plugin:vue/essential config and plugin:vue/vue3-essential config
    • #1166 Added vue/custom-event-name-casing rule
  • Changed plugin:vue/strongly-recommended config and plugin:vue/vue3-strongly-recommended config
    • Same changes as above.
  • Changed plugin:vue/recommended config and plugin:vue/vue3-recommended config
    • Same changes as above.

✨ Enhancements

Core:

• #1167 Added reportUnusedDisableDirectives option to vue/comment-directive.

New Rules:

• #1166 Added vue/custom-event-name-casing rule that enforces using kebab-case custom event names.
• #1171 Added vue/no-useless-concat rule that applies no-useless-concat rule to expressions in <template>.
• #1173 Added vue/dot-notation rule that applies dot-notation rule to expressions in <template>.

Other changes in Rules:

• #1162 Added closeBracket.startTag, closeBracket.endTag and closeBracket.selfClosingTag options to vue/html-indent rule. So that the closeBracket offset value can be set for each tag type.
• #1162 Changed vue/html-indent rule to calculate the base point of the indent offset of the closing bracket of the end tag by the start tag.

🐛 Bug Fixes

• #1163 Fixed false negatives when using ignorePattern for vue/no-unused-var rule.
• #1164 Fixed false negatives when v-for and v-slot mixed or use destructuring for vue/no-unused-var rule.
• #1169 Fixed false positives for watch with properties in vue/no-unused-properties rule.
• #1170 Fixed an error for v-slot in vue/comma-style rule.

---

All commits: v7.0.0-alpha.4 -> v7.0.0-alpha.5

💥 Breaking Changes

• Updated presets configs.
  • Changed plugin:vue/essential config and plugin:vue/vue3-essential config
    • #1148 Added vue/no-mutating-props rule
    • #1156 Added vue/no-arrow-functions-in-watch rule.
  • Changed plugin:vue/strongly-recommended config and plugin:vue/vue3-strongly-recommended config
    • Same changes as above.
    • #1149 Added vue/one-component-per-file rule
  • Changed plugin:vue/recommended config and plugin:vue/vue3-recommended config
    • Same changes as above.

✨ Enhancements

Core:

• #1152 Changed casing conversion logic to behave like Vue core logic.

New Rules:

• #627 #1144 Added vue/no-duplicate-attr-inheritance rule that warn to apply inheritAttrs: false when it detects v-bind="$attrs" being used.
• #871 #1145 Added vue/no-unused-properties rule that report unused properties.
• #633 #1148 Added vue/no-mutating-props rule that reports mutation of component props.
• #1140 Added vue/comma-spacing rule that applies comma-spacing rule to expressions in <template>.
• #1141 Added vue/prefer-template rule that applies prefer-template rule to expressions in <template>.
• #1142 Added vue/template-curly-spacing rule that applies template-curly-spacing rule to expressions in <template>.
• #671 Added vue/one-component-per-file rule that checks if there is only one component per file.
• #1072 Added vue/no-potential-property-typo rule that disallow a potential typo in your component options.
• #1155 Added vue/no-arrow-functions-in-watch rule that disallow use an arrow function to define a watcher.
• #1157 Added vue/space-in-parens rule that applies space-in-parens rule to expressions in <template>.
• #1159 Added vue/comma-style rule that applies comma-style rule to expressions in <template>.
• #1158 Added vue/no-extra-parens rule that applies no-extra-parens rule to expressions in <template>.

Other changes in Rules:

• #1143 Changed vue/no-deprecated-dollar-listeners-api and vue/no-deprecated-events-api rules to track the this variable.
• #1154 Changed vue/no-side-effects-in-computed-properties rule to track the this variable.
• #1160 Changed vue/require-valid-default-prop rule to track the return statement in the function defined in default.
• #1160 Changed vue/require-valid-default-prop rule to check BigInt.
• #1160 Improved the location of reporting errors in vue/require-valid-default-prop rule.

🐛 Bug Fixes

• #1139 Fixed false positives for target instance is given, in vue/no-lifecycle-after-await rule.
• #1138 Fixed false positives for arrow function in vue/return-in-emits-validatorrule.
• #1146 Fixed false positives for member call and autofix error in vue/v-on-function-call rule.
• #1152 Fixed some casing issues.
• #1154 #1283 Fixed false positives for spread elements in vue/no-side-effects-in-computed rule.

---

All commits: v7.0.0-alpha.3 -> v7.0.0-alpha.4