From 8a6909ef2062c7a077970a909b20fef4acc13b9b Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Sun, 19 Jul 2020 18:05:40 +0900
Subject: [PATCH] Lists the changes in v6 to v7.

---
 docs/changes-in-v7.md | 236 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 236 insertions(+)
 create mode 100644 docs/changes-in-v7.md

diff --git a/docs/changes-in-v7.md b/docs/changes-in-v7.md
new file mode 100644
index 000000000..d7ff39238
--- /dev/null
+++ b/docs/changes-in-v7.md
@@ -0,0 +1,236 @@
+## :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](https://github.com/vuejs/eslint-plugin-vue/compare/v6.2.2...v7.0.0)
+
+[RFC0005]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0005-replace-v-bind-sync-with-v-model-argument.md
+[RFC0006]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0006-slots-unification.md
+[RFC0007]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0007-functional-async-api-change.md
+[RFC0011]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0011-v-model-api-change.md
+[RFC0013]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0013-composition-api.md
+[RFC0014]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0014-drop-keycode-support.md
+[RFC0015]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0015-remove-filters.md
+[RFC0016]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0016-remove-inline-templates.md
+[RFC0017]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0017-transition-as-root.md
+[RFC0019]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0019-remove-data-object-declaration.md
+[RFC0020]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0020-events-api-change.md
+[RFC0027]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0027-custom-elements-interop.md
+[RFC0030]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0030-emits-option.md
+[RFC0031]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0031-attr-fallthrough.md