-
+
This is my first
list item
+ This is my second
list item
+
+
+
+
+
+
+```
+
+### `"PascalCase"` (default)
+
+
+
+
+
+
+
+
+```
+
+
+
+## :wrench: Options
+
+```json
+{
+ "vue/html-closing-bracket-newline": [
+ "error",
+ {
+ "singleline": "never",
+ "multiline": "always",
+ "selfClosingTag": {
+ "singleline": "never",
+ "multiline": "always"
+ }
+ }
+ ]
+}
+```
+
+- `singleline` (`"never"` by default) ... the configuration for single-line elements. It's a single-line element if the element does not have attributes or the last attribute is on the same line as the opening bracket.
+- `multiline` (`"always"` by default) ... the configuration for multiline elements. It's a multiline element if the last attribute is not on the same line of the opening bracket.
+- `selfClosingTag.singleline` ... the configuration for single-line self closing elements.
+- `selfClosingTag.multiline` ... the configuration for multiline self closing elements.
+
+Every option can be set to one of the following values:
+
+- `"always"` ... require one line break before the closing bracket.
+- `"never"` ... disallow line breaks before the closing bracket.
+
+If `selfClosingTag` is not specified, the `singleline` and `multiline` options are inherited for self-closing tags.
+
+Plus, you can use [`vue/html-indent`](./html-indent.md) rule to enforce indent-level of the closing brackets.
+
+### `"multiline": "never"`
+
+
+
+```vue
+
+
+
+
+
+
+
+```
+
+
+
+### `"selfClosingTag": { "multiline": "always" }`
+
+
+
+```vue
+
+
+
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v4.1.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-closing-bracket-newline.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/html-closing-bracket-newline.js)
diff --git a/docs/rules/html-closing-bracket-spacing.md b/docs/rules/html-closing-bracket-spacing.md
new file mode 100644
index 000000000..d1927b4e1
--- /dev/null
+++ b/docs/rules/html-closing-bracket-spacing.md
@@ -0,0 +1,99 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/html-closing-bracket-spacing
+description: require or disallow a space before tag's closing brackets
+since: v4.1.0
+---
+
+# vue/html-closing-bracket-spacing
+
+> require or disallow a space before tag's closing brackets
+
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule aims to enforce consistent spacing style before closing brackets `>` of tags.
+
+
+
+```vue
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```vue
+
+
+
+
+
+
+
+
+```
+
+
+
+## :wrench: Options
+
+```json
+{
+ "vue/html-closing-bracket-spacing": ["error", {
+ "startTag": "always" | "never",
+ "endTag": "always" | "never",
+ "selfClosingTag": "always" | "never"
+ }]
+}
+```
+
+- `startTag` (`"always" | "never"`) ... Setting for the `>` of start tags (e.g. ``). Default is `"never"`.
+ - `"always"` ... requires one or more spaces.
+ - `"never"` ... disallows spaces.
+- `endTag` (`"always" | "never"`) ... Setting for the `>` of end tags (e.g. `
`). Default is `"never"`.
+ - `"always"` ... requires one or more spaces.
+ - `"never"` ... disallows spaces.
+- `selfClosingTag` (`"always" | "never"`) ... Setting for the `/>` of self-closing tags (e.g. ``). Default is `"always"`.
+ - `"always"` ... requires one or more spaces.
+ - `"never"` ... disallows spaces.
+
+### `"startTag": "always", "endTag": "always", "selfClosingTag": "always"`
+
+
+
+
+
+```vue
+
+
+
+
+
+
+
+
+
+```
+
+
+
+## :wrench: Options
+
+```json
+{
+ "vue/html-comment-content-newline": ["error",
+ {
+ "singleline": "always" | "never" | "ignore",
+ "multiline": "always" | "never" | "ignore",
+ },
+ {
+ "exceptions": []
+ }
+ ]
+}
+```
+
+- The first option is either an object with `"singleline"` and `"multiline"` keys.
+
+ - `singleline` ... the configuration for single-line comments.
+ - `"never"` (default) ... disallow line breaks after the ``.
+ - `"always"` ... require one line break after the ``.
+ - `multiline` ... the configuration for multiline comments.
+ - `"never"` ... disallow line breaks after the ``.
+ - `"always"` (default) ... require one line break after the ``.
+
+ You can also set the same value for both `singleline` and `multiline` by specifies a string.
+
+- This rule can also take a 2nd option, an object with the following key: `"exceptions"`.
+
+ - The `"exceptions"` value is an array of string patterns which are considered exceptions to the rule.
+
+ ```json
+ "vue/html-comment-content-newline": ["error", { ... }, { "exceptions": ["*"] }]
+ ```
+
+### `"always"`
+
+
+
+```vue
+
+
+
+
+
+
+
+
+
+```
+
+
+
+### `"never"`
+
+
+
+```vue
+
+
+
+
+
+
+
+
+
+```
+
+
+
+### `{"singleline": "always", "multiline": "ignore"}`
+
+
+
+```vue
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+
+
+### `{"singleline": "ignore", "multiline": "always"}`
+
+
+
+```vue
+
+
+
+
+
+
+
+
+
+
+
+```
+
+
+
+### `"always", { "exceptions": ["*"] }`
+
+
+
+```vue
+
+
+
+
+
+
+
+```
+
+
+
+## :couple: Related Rules
+
+- [vue/html-comment-indent](./html-comment-indent.md)
+- [vue/html-comment-content-spacing](./html-comment-content-spacing.md)
+- [spaced-comment](https://eslint.org/docs/rules/spaced-comment)
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-comment-content-newline.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/html-comment-content-newline.js)
diff --git a/docs/rules/html-comment-content-spacing.md b/docs/rules/html-comment-content-spacing.md
new file mode 100644
index 000000000..5b3948827
--- /dev/null
+++ b/docs/rules/html-comment-content-spacing.md
@@ -0,0 +1,123 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/html-comment-content-spacing
+description: enforce unified spacing in HTML comments
+since: v7.0.0
+---
+
+# vue/html-comment-content-spacing
+
+> enforce unified spacing in HTML comments
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule will enforce consistency of spacing after the `` of comment. It also provides several exceptions for various documentation styles.
+
+Whitespace after the `` makes it easier to read text in comments.
+
+
+
+```vue
+
+
+
+
+
+
+
+
+```
+
+
+
+## :wrench: Options
+
+```json
+{
+ "vue/html-comment-content-spacing": ["error",
+ "always" | "never",
+ {
+ "exceptions": []
+ }
+ ]
+}
+```
+
+- The first is a string which be either `"always"` or `"never"`. The default is `"always"`.
+
+ - `"always"` (default) ... there must be at least one whitespace at after the ``.
+ - `"never"` ... there should be no whitespace at after the ``.
+
+- This rule can also take a 2nd option, an object with the following key: `"exceptions"`.
+
+ - The `"exceptions"` value is an array of string patterns which are considered exceptions to the rule.
+ Please note that exceptions are ignored if the first argument is `"never"`.
+
+ ```json
+ "vue/html-comment-content-spacing": ["error", "always", { "exceptions": ["*"] }]
+ ```
+
+### `"always"`
+
+
+
+```vue
+
+
+
+
+
+```
+
+
+
+### `"never"`
+
+
+
+```vue
+
+
+
+
+
+
+```
+
+
+
+### `"always", { "exceptions": ["*"] }`
+
+
+
+```vue
+
+
+
+
+
+
+```
+
+
+
+## :couple: Related Rules
+
+- [spaced-comment](https://eslint.org/docs/rules/spaced-comment)
+- [vue/html-comment-content-newline](./html-comment-content-newline.md)
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-comment-content-spacing.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/html-comment-content-spacing.js)
diff --git a/docs/rules/html-comment-indent.md b/docs/rules/html-comment-indent.md
new file mode 100644
index 000000000..2fa8ed7f1
--- /dev/null
+++ b/docs/rules/html-comment-indent.md
@@ -0,0 +1,140 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/html-comment-indent
+description: enforce consistent indentation in HTML comments
+since: v7.0.0
+---
+
+# vue/html-comment-indent
+
+> enforce consistent indentation in HTML comments
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule enforces a consistent indentation style in HTML comment (``). The default style is 2 spaces.
+
+
+
+```vue
+
+
+
+
+
+
+
+
+
+
+
+```
+
+
+
+## :wrench: Options
+
+```json
+{
+ "vue/html-comment-indent": ["error", type]
+}
+```
+
+- `type` (`number | "tab"`) ... The type of indentation. Default is `2`. If this is a number, it's the number of spaces for one indent. If this is `"tab"`, it uses one tab for one indent.
+
+### `2`
+
+
+
+```vue
+
+
+
+
+
+```
+
+
+
+### `4`
+
+
+
+```vue
+
+
+
+
+
+```
+
+
+
+### `0`
+
+
+
+```vue
+
+
+
+
+
+```
+
+
+
+### `"tab"`
+
+
+
+```vue
+
+
+
+
+
+```
+
+
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.0.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-comment-indent.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/html-comment-indent.js)
diff --git a/docs/rules/html-end-tags.md b/docs/rules/html-end-tags.md
index c8e26dbec..fa6333b06 100644
--- a/docs/rules/html-end-tags.md
+++ b/docs/rules/html-end-tags.md
@@ -1,53 +1,50 @@
-# Enforce end tag style (html-end-tags)
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/html-end-tags
+description: enforce end tag style
+since: v3.0.0
+---
-- 🔧 This rule is fixable with `eslint --fix` command.
+# vue/html-end-tags
-This rule enforce the way of end tags.
+> enforce end tag style
-- [Void elements] disallow end tags.
-- Other elements require end tags.
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
-## 📖 Rule Details
+## :book: Rule Details
-This rule reports the following elements:
+This rule aims to disallow lacking end tags.
-- [Void elements] which have end tags.
-- Other elements which do not have end tags and are not self-closing.
+
-👎 Examples of **incorrect** code for this rule:
-
-```html
+```vue
-
+
+
+
+
+
+```
+
+
+
+## :couple: Related Rules
+
+- [vue/no-multi-spaces](./no-multi-spaces.md)
+- [vue/html-closing-bracket-newline](./html-closing-bracket-newline.md)
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v4.1.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-closing-bracket-spacing.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/html-closing-bracket-spacing.js)
diff --git a/docs/rules/html-comment-content-newline.md b/docs/rules/html-comment-content-newline.md
new file mode 100644
index 000000000..cffd7cdff
--- /dev/null
+++ b/docs/rules/html-comment-content-newline.md
@@ -0,0 +1,237 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/html-comment-content-newline
+description: enforce unified line break in HTML comments
+since: v7.0.0
+---
+
+# vue/html-comment-content-newline
+
+> enforce unified line break in HTML comments
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule will enforce consistency of line break after the `` of comment. It also provides several exceptions for various documentation styles.
+
+
-
+ + +
-
+
+
+
+
+
+ -
-
-
-
+ + +
+
```
-👍 Examples of **correct** code for this rule:
-
-```html
-
- These are compiled as the component's own template. Not parent's transclusion content. ",
+ " "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-has/source.vue b/tests/fixtures/utils/selector/attr-has/source.vue
new file mode 100644
index 000000000..aaf7b1ddf
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-has/source.vue
@@ -0,0 +1,8 @@
+
+
+ "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-first-child01/source.vue b/tests/fixtures/utils/selector/pseudo-first-child01/source.vue
new file mode 100644
index 000000000..52ab2eb93
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-child01/source.vue
@@ -0,0 +1,14 @@
+
+
+ This text is selected! This text isn't selected. This text isn't selected. "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-first-of-type01/source.vue b/tests/fixtures/utils/selector/pseudo-first-of-type01/source.vue
new file mode 100644
index 000000000..c9a012a1f
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-of-type01/source.vue
@@ -0,0 +1,8 @@
+
+
+ Paragraph 1 Paragraph 2 "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-first-of-type02/source.vue b/tests/fixtures/utils/selector/pseudo-first-of-type02/source.vue
new file mode 100644
index 000000000..515de7e99
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-of-type02/source.vue
@@ -0,0 +1,8 @@
+
+
+ Paragraph 1 Paragraph 2
+
+
+
+
+
+
+
+
+
+ ",
+ " ",
+ " ",
+ " ",
+ " ",
+ " "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-is/source.vue b/tests/fixtures/utils/selector/pseudo-is/source.vue
new file mode 100644
index 000000000..944038e62
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-is/source.vue
@@ -0,0 +1,17 @@
+
+
+ This is my header paragraph "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-last-of-type01/source.vue b/tests/fixtures/utils/selector/pseudo-last-of-type01/source.vue
new file mode 100644
index 000000000..eab097875
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-last-of-type01/source.vue
@@ -0,0 +1,8 @@
+
+
+ Paragraph 1 Paragraph 2 "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-last-of-type02/source.vue b/tests/fixtures/utils/selector/pseudo-last-of-type02/source.vue
new file mode 100644
index 000000000..06e2e0f5e
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-last-of-type02/source.vue
@@ -0,0 +1,8 @@
+
+
+ Paragraph 1 Paragraph 2 "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-not/source.vue b/tests/fixtures/utils/selector/pseudo-not/source.vue
new file mode 100644
index 000000000..3c282fda3
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-not/source.vue
@@ -0,0 +1,8 @@
+
+
+ ",
+ " "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type01/source.vue b/tests/fixtures/utils/selector/pseudo-nth-of-type01/source.vue
new file mode 100644
index 000000000..292700ec9
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type01/source.vue
@@ -0,0 +1,11 @@
+
+
+ 1st paragraph. 2nd paragraph. 3rd paragraph. 4th paragraph. ",
+ " "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type02/source.vue b/tests/fixtures/utils/selector/pseudo-nth-of-type02/source.vue
new file mode 100644
index 000000000..27a68245f
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type02/source.vue
@@ -0,0 +1,11 @@
+
+
+ 1st paragraph. 2nd paragraph. 3rd paragraph. 4th paragraph. "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type03/source.vue b/tests/fixtures/utils/selector/pseudo-nth-of-type03/source.vue
new file mode 100644
index 000000000..d2c88382e
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type03/source.vue
@@ -0,0 +1,11 @@
+
+
+ 1st paragraph. 2nd paragraph. 3rd paragraph. 4th paragraph. ",
+ " "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type04/source.vue b/tests/fixtures/utils/selector/pseudo-nth-of-type04/source.vue
new file mode 100644
index 000000000..e88371585
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type04/source.vue
@@ -0,0 +1,11 @@
+
+
+ 1st paragraph. 2nd paragraph. 3rd paragraph. 4th paragraph. ",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-only-of-type/source.vue b/tests/fixtures/utils/selector/pseudo-only-of-type/source.vue
new file mode 100644
index 000000000..6a3569412
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-only-of-type/source.vue
@@ -0,0 +1,13 @@
+
+
+ I am the only `p` among my siblings. ",
+ " ",
+ " ",
+ " ",
+ " ",
+ " "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-where/source.vue b/tests/fixtures/utils/selector/pseudo-where/source.vue
new file mode 100644
index 000000000..f2147e21c
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-where/source.vue
@@ -0,0 +1,17 @@
+
+
+ This is my header paragraph This is my first list item This is my second list item "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/tag02/source.vue b/tests/fixtures/utils/selector/tag02/source.vue
new file mode 100644
index 000000000..43985e61f
--- /dev/null
+++ b/tests/fixtures/utils/selector/tag02/source.vue
@@ -0,0 +1,9 @@
+
+
+ ",
+ "",
+ "
-
-
-
-
-
-
-```
+
-## 🔧 Options
+## :wrench: Options
Nothing.
-[Void elements]: https://www.w3.org/TR/html51/syntax.html#void-elements
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.0.0
-## TODO: `
-
`
+## :mag: Implementation
-`parse5` does not recognize the illegal end tags of void elements.
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-end-tags.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/html-end-tags.js)
diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
new file mode 100644
index 000000000..2cab727aa
--- /dev/null
+++ b/docs/rules/html-indent.md
@@ -0,0 +1,203 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/html-indent
+description: enforce consistent indentation in ``
+since: v3.14.0
+---
+
+# vue/html-indent
+
+> enforce consistent indentation in ``
+
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule enforces a consistent indentation style in ``. The default style is 2 spaces.
+
+- This rule checks all tags, also all expressions in directives and mustaches.
+- In the expressions, this rule supports ECMAScript 2022 syntaxes. It ignores unknown AST nodes, but it might be confused by non-standard syntaxes.
+
+
+ Hello.
+
+
+ Hello.
+
+
+ World.
+
+
+ {{
+ displayMessage
+ }}
+
+
+
+
+ Hello.
+
+
+```
+
+`). Default is `0`.
+ - `closeBracket.endTag` (`integer`) ... The multiplier of indentation for right brackets of end tags (``). Default is `0`.
+ - `closeBracket.selfClosingTag` (`integer`) ... The multiplier of indentation for right brackets of start tags (``). Default is `0`.
+- `alignAttributesVertically` (`boolean`) ... Condition for whether attributes should be vertically aligned to the first attribute in multiline case or not. Default is `true`
+- `ignores` (`string[]`) ... The selector to ignore nodes. The AST spec is [here](https://github.com/vuejs/vue-eslint-parser/blob/master/docs/ast.md). You can use [esquery](https://github.com/estools/esquery#readme) to select nodes. Default is an empty array.
+
+### `2, {"attribute": 1, "closeBracket": 1}`
+
+
+ Text
+
+
+```
+
+
+ Text
+
+
+```
+
+
+
+ Hello!
+
+
+
+
+
+
+ Hello!
+
+
+
+```
+
+
`) is syntax of XML/XHTML.
-HTML ignores it.
-
-## 📖 Rule Details
-
-This rule reports every self-closing element except XML context.
-
-👎 Examples of **incorrect** code for this rule:
-
-```html
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
- 
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
diff --git a/docs/rules/html-quotes.md b/docs/rules/html-quotes.md
index 26721efec..2bbf38c3d 100644
--- a/docs/rules/html-quotes.md
+++ b/docs/rules/html-quotes.md
@@ -1,6 +1,19 @@
-# Enforce quotes style of HTML attributes (html-quotes)
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/html-quotes
+description: enforce quotes style of HTML attributes
+since: v3.0.0
+---
-You can shoose quotes of HTML attributes from:
+# vue/html-quotes
+
+> enforce quotes style of HTML attributes
+
+- :gear: This rule is included in all of `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
+
+You can choose quotes of HTML attributes from:
- Double quotes: `
-
- `
- Single quotes: ``
@@ -8,53 +21,87 @@ You can shoose quotes of HTML attributes from:
This rule enforces the quotes style of HTML attributes.
-## 📖 Rule Details
+## :book: Rule Details
This rule reports the quotes of attributes if it is different to configured quotes.
-👎 Examples of **incorrect** code for this rule:
+`
+- The `.sync` modifier's reference is iteration variables. E.g. `
-
+
+
-
-
+
+
+
+
```
-👍 Examples of **correct** code for this rule:
+
-
-
+## :wrench: Options
+
+Default is set to `double`.
+
+```json
+{
+ "vue/html-quotes": [ "error", "double" | "single", { "avoidEscape": false } ]
+}
```
-👎 Examples of **incorrect** code for this rule with `"single"` option:
+String option:
+
+- `"double"` (default) ... requires double quotes.
+- `"single"` ... requires single quotes.
+
+Object option:
+
+- `avoidEscape` ... If `true`, allows strings to use single-quotes or double-quotes so long as the string contains a quote that would have to be escaped otherwise.
-```html
+### `"single"`
+
+
-
-
+
+
-
-
+
+
+
+
```
-👍 Examples of **correct** code for this rule with `"single"` option:
+
-
+
+
-
+
+
+
+
```
-## 🔧 Options
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+ sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+```
+
+line length is 40 ........
+
+
+ line length is 50 ..................
+
+
+
+```
+
+line length is 120 .......................................................................................
+
+
+ line length is 121 ........................................................................................
+
+
+
+```
+
+this is a really really really really really really really long text content!
+
+
+
+```
+
+this is a really really really really really really really long text content!
+
+```
+
+
+
+
+
+ multiline
+ content
+
+
+ some
+ content
+
+
+ multiline start tag
+
+
+
+
+
+
+
+ multiline
+ children
+
+
+
+
+
+
+
+ singleline element
+
+
+ multiline
+ content
+
+ multiline start tag
+
+
+
+
+
+
+
+```
+
+multiline
+ children some
+ content
+
+
+ content
+
+
+
+ content
+
+
+
+
+ content
+ content
+
+```
+
+{{ text }}
+ {{ text }}
+
+
+ {{text}}
+
+```
+
+{{text}}
+
+
+ {{ text }}
+ {{ text }}
+
+```
+
+{{ $t('foo.bar') }}
+ {{ foo }}
+
+
+
+ Lorem ipsum
+
+
+
+
+
+
+
{{ 'Lorem ipsum' }}
+
+
+```
+
+child content
+
+
+
+ child content
+
+```
+
+
-
+
+
-
-
+
+
+
+
-
-
-```
+::: warning Note
+When they exist on the same node, `v-for` has a higher priority than `v-if`. That means the `v-if` will be run on each iteration of the loop separately.
-```html
-
-
-
-
-
-
-```
+[https://vuejs.org/guide/essentials/list.html#v-for-with-v-if](https://vuejs.org/guide/essentials/list.html#v-for-with-v-if)
+:::
-## 🔧 Options
+## :wrench: Options
Nothing.
+
+## :books: Further Reading
+
+- [Style guide - Avoid v-if with v-for](https://vuejs.org/style-guide/rules-essential.html#avoid-v-if-with-v-for)
+- [Guide - Conditional Rendering / v-if with v-for](https://vuejs.org/guide/essentials/conditional.html#v-if-with-v-for)
+- [Guide - List Rendering / v-for with v-if](https://vuejs.org/guide/essentials/list.html#v-for-with-v-if)
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.0.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-confusing-v-for-v-if.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-confusing-v-for-v-if.js)
diff --git a/docs/rules/no-console.md b/docs/rules/no-console.md
new file mode 100644
index 000000000..64ef0278e
--- /dev/null
+++ b/docs/rules/no-console.md
@@ -0,0 +1,34 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-console
+description: Disallow the use of `console` in ``
+since: v9.15.0
+---
+
+# vue/no-console
+
+> Disallow the use of `console` in ``
+
+- :bulb: Some problems reported by this rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+
+## :book: Rule Details
+
+This rule is the same rule as core [no-console] rule but it applies to the expressions in ``.
+
+## :books: Further Reading
+
+- [no-console]
+
+[no-console]: https://eslint.org/docs/latest/rules/no-console
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v9.15.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-console.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-console.js)
+
+Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/no-console)
diff --git a/docs/rules/no-constant-condition.md b/docs/rules/no-constant-condition.md
new file mode 100644
index 000000000..36520e25b
--- /dev/null
+++ b/docs/rules/no-constant-condition.md
@@ -0,0 +1,30 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-constant-condition
+description: Disallow constant expressions in conditions in ``
+since: v7.5.0
+---
+
+# vue/no-constant-condition
+
+> Disallow constant expressions in conditions in ``
+
+This rule is the same rule as core [no-constant-condition] rule but it applies to the expressions in ``.
+
+## :books: Further Reading
+
+- [no-constant-condition]
+
+[no-constant-condition]: https://eslint.org/docs/rules/no-constant-condition
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.5.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-constant-condition.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-constant-condition.js)
+
+Taken with ❤️ [from ESLint core](https://eslint.org/docs/latest/rules/no-constant-condition)
diff --git a/docs/rules/no-custom-modifiers-on-v-model.md b/docs/rules/no-custom-modifiers-on-v-model.md
new file mode 100644
index 000000000..f657f9cf7
--- /dev/null
+++ b/docs/rules/no-custom-modifiers-on-v-model.md
@@ -0,0 +1,58 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-custom-modifiers-on-v-model
+description: disallow custom modifiers on v-model used on the component
+since: v7.0.0
+---
+
+# vue/no-custom-modifiers-on-v-model
+
+> disallow custom modifiers on v-model used on the component
+
+- :gear: This rule is included in all of `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
+
+This rule checks whether `v-model` used on the component do not have custom modifiers.
+
+## :book: Rule Details
+
+This rule reports `v-model` directives in the following cases:
+
+- The directive used on the component has custom modifiers. E.g. `
-
-
+
+
+```
+
+
+
+ Home
+ Home
+ onetwo`.
-- The root element has `v-for` directives. E.g. `{{x}}`.
-- The root element has `v-if`/`v-else-if` directives without `v-else` elements. E.g. `hello`.
-- The root element is `` or `hello
- hello
-
-```
-
-```html
-
- abc
-
-```
-
-```html
-
-
-
-```
-
-```html
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
- abc
-
-```
-
-```html
-
- abc
- def
-
-```
-
-## 🔧 Options
-
-Nothing.
diff --git a/docs/rules/no-invalid-v-bind.md b/docs/rules/no-invalid-v-bind.md
deleted file mode 100644
index 2815096f5..000000000
--- a/docs/rules/no-invalid-v-bind.md
+++ /dev/null
@@ -1,50 +0,0 @@
-# Disallow invalid v-bind directives (no-invalid-v-bind)
-
-This rule checks whether every `v-bind` directive is valid.
-
-## 📖 Rule Details
-
-This rule reports `v-bind` directives if the following cases:
-
-- The directive does not have that attribute value. E.g. ``
-- The directive has invalid modifiers. E.g. ``
-
-This rule does not report `v-bind` directives which do not have their argument (E.g. ``) because it's valid if the attribute value is an object.
-
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
-
-👎 Examples of **incorrect** code for this rule:
-
-```html
-
-
-
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
-
-
-
-
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
-
-## 👫 Related rules
-
-- [no-parsing-error]
-
-
-[no-parsing-error]: no-parsing-error.md
diff --git a/docs/rules/no-invalid-v-cloak.md b/docs/rules/no-invalid-v-cloak.md
deleted file mode 100644
index ed6e34c36..000000000
--- a/docs/rules/no-invalid-v-cloak.md
+++ /dev/null
@@ -1,37 +0,0 @@
-# Disallow invalid v-cloak directives (no-invalid-v-cloak)
-
-This rule checks whether every `v-cloak` directive is valid.
-
-## 📖 Rule Details
-
-This rule reports `v-cloak` directives if the following cases:
-
-- The directive has that argument. E.g. ``
-- The directive has that modifier. E.g. ``
-- The directive has that attribute value. E.g. ``
-
-👎 Examples of **incorrect** code for this rule:
-
-```html
-
-
-
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
-
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
diff --git a/docs/rules/no-invalid-v-else-if.md b/docs/rules/no-invalid-v-else-if.md
deleted file mode 100644
index 53e49df3c..000000000
--- a/docs/rules/no-invalid-v-else-if.md
+++ /dev/null
@@ -1,53 +0,0 @@
-# Disallow invalid v-else-if directives (no-invalid-v-else-if)
-
-This rule checks whether every `v-else-if` directive is valid.
-
-## 📖 Rule Details
-
-This rule reports `v-else-if` directives if the following cases:
-
-- The directive has that argument. E.g. ``
-- The directive has that modifier. E.g. ``
-- The directive does not have that attribute value. E.g. ``
-- The directive is on the elements that the previous element don't have `v-if`/`v-else-if` directives. E.g. ``
-- The directive is on the elements which have `v-if`/`v-else` directives. E.g. ``
-
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
-
-👎 Examples of **incorrect** code for this rule:
-
-```html
-
-
-
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
-
-
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
-
-## 👫 Related rules
-
-- [no-invalid-v-if]
-- [no-invalid-v-else]
-- [no-parsing-error]
-
-
-[no-invalid-v-if]: no-invalid-v-if.md
-[no-invalid-v-else]: no-invalid-v-else.md
-[no-parsing-error]: no-parsing-error.md
diff --git a/docs/rules/no-invalid-v-else.md b/docs/rules/no-invalid-v-else.md
deleted file mode 100644
index 6ca238d47..000000000
--- a/docs/rules/no-invalid-v-else.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Disallow invalid v-else directives (no-invalid-v-else)
-
-This rule checks whether every `v-else` directive is valid.
-
-## 📖 Rule Details
-
-This rule reports `v-else` directives if the following cases:
-
-- The directive has that argument. E.g. ``
-- The directive has that modifier. E.g. ``
-- The directive has that attribute value. E.g. ``
-- The directive is on the elements that the previous element don't have `v-if`/`v-if-else` directives. E.g. ``
-- The directive is on the elements which have `v-if`/`v-if-else` directives. E.g. ``
-
-👎 Examples of **incorrect** code for this rule:
-
-```html
-
-
-
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
-
-
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
-
-## 👫 Related rules
-
-- [no-invalid-v-if]
-- [no-invalid-v-else]
-
-
-[no-invalid-v-if]: no-invalid-v-if.md
-[no-invalid-v-else]: no-invalid-v-else.md
diff --git a/docs/rules/no-invalid-v-for.md b/docs/rules/no-invalid-v-for.md
deleted file mode 100644
index 820811e19..000000000
--- a/docs/rules/no-invalid-v-for.md
+++ /dev/null
@@ -1,60 +0,0 @@
-# Disallow invalid v-for directives (no-invalid-v-for)
-
-This rule checks whether every `v-for` directive is valid.
-
-## 📖 Rule Details
-
-This rule reports `v-for` directives if the following cases:
-
-- The directive has that argument. E.g. ``
-- The directive has that modifier. E.g. ``
-- The directive does not have that attribute value. E.g. ``
-- If the element which has the directive is a custom component, the component does not have `v-bind:key` directive. E.g. `
-
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
-
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
-
-## 👫 Related rules
-
-- [require-v-for-key]
-- [no-parsing-error]
-
-
-[no-parsing-error]: no-parsing-error.md
diff --git a/docs/rules/no-invalid-v-html.md b/docs/rules/no-invalid-v-html.md
deleted file mode 100644
index 573bdba89..000000000
--- a/docs/rules/no-invalid-v-html.md
+++ /dev/null
@@ -1,46 +0,0 @@
-# Disallow invalid v-html directives (no-invalid-v-html)
-
-This rule checks whether every `v-html` directive is valid.
-
-## 📖 Rule Details
-
-This rule reports `v-html` directives if the following cases:
-
-- The directive has that argument. E.g. ``
-- The directive has that modifier. E.g. ``
-- The directive does not have that attribute value. E.g. ``
-
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
-
-👎 Examples of **incorrect** code for this rule:
-
-```html
-
-
-
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
-
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
-
-## 👫 Related rules
-
-- [no-parsing-error]
-
-
-[no-parsing-error]: no-parsing-error.md
diff --git a/docs/rules/no-invalid-v-if.md b/docs/rules/no-invalid-v-if.md
deleted file mode 100644
index 330ef0bb5..000000000
--- a/docs/rules/no-invalid-v-if.md
+++ /dev/null
@@ -1,55 +0,0 @@
-# Disallow invalid v-if directives (no-invalid-v-if)
-
-This rule checks whether every `v-if` directive is valid.
-
-## 📖 Rule Details
-
-This rule reports `v-if` directives if the following cases:
-
-- The directive has that argument. E.g. ``
-- The directive has that modifier. E.g. ``
-- The directive does not have that attribute value. E.g. ``
-- The directive is on the elements which have `v-else`/`v-else-if` directives. E.g. ``
-
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
-
-👎 Examples of **incorrect** code for this rule:
-
-```html
-
-
-
-
-
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
-
-
-
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
-
-## 👫 Related rules
-
-- [no-invalid-v-else]
-- [no-invalid-v-else-if]
-- [no-parsing-error]
-
-
-[no-invalid-v-else]: no-invalid-v-else.md
-[no-invalid-v-else-if]: no-invalid-v-else-if.md
-[no-parsing-error]: no-parsing-error.md
diff --git a/docs/rules/no-invalid-v-model.md b/docs/rules/no-invalid-v-model.md
deleted file mode 100644
index de5adcfe2..000000000
--- a/docs/rules/no-invalid-v-model.md
+++ /dev/null
@@ -1,62 +0,0 @@
-# Disallow invalid v-model directives (no-invalid-v-model)
-
-This rule checks whether every `v-model` directive is valid.
-
-## 📖 Rule Details
-
-This rule reports `v-model` directives if the following cases:
-
-- The directive has that argument. E.g. ``
-- The directive has the modifiers which are not supported. E.g. ``
-- The directive does not have that attribute value. E.g. ``
-- The directive does not have the attribute value which is valid as LHS. E.g. ``
-- The directive is on unsupported elements. E.g. ``
-- The directive is on `` elements which their types are dynamic. E.g. ``
-- The directive is on `` elements which their types are `file`. E.g. ``
-- The directive's reference is iteration variables. E.g. ``
-
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
-
-👎 Examples of **incorrect** code for this rule:
-
-```html
-
-
-
-
-
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
-
-
-
-
-
-
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
-
-## 👫 Related rules
-
-- [no-parsing-error]
-
-
-[no-parsing-error]: no-parsing-error.md
diff --git a/docs/rules/no-invalid-v-on.md b/docs/rules/no-invalid-v-on.md
deleted file mode 100644
index 38da1e6e6..000000000
--- a/docs/rules/no-invalid-v-on.md
+++ /dev/null
@@ -1,48 +0,0 @@
-# Disallow invalid v-on directives (no-invalid-v-on)
-
-This rule checks whether every `v-on` directive is valid.
-
-## 📖 Rule Details
-
-This rule reports `v-on` directives if the following cases:
-
-- The directive does not have that event name. E.g. ``
-- The directive has invalid modifiers. E.g. ``
-- The directive does not have that attribute value. E.g. ``
-
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
-
-👎 Examples of **incorrect** code for this rule:
-
-```html
-
-
-
-
-
-
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
-
-
-
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
-
-## 👫 Related rules
-
-- [no-parsing-error]
-
-
-[no-parsing-error]: no-parsing-error.md
diff --git a/docs/rules/no-invalid-v-once.md b/docs/rules/no-invalid-v-once.md
deleted file mode 100644
index 8f5ab7b13..000000000
--- a/docs/rules/no-invalid-v-once.md
+++ /dev/null
@@ -1,37 +0,0 @@
-# Disallow invalid v-once directives (no-invalid-v-once)
-
-This rule checks whether every `v-once` directive is valid.
-
-## 📖 Rule Details
-
-This rule reports `v-once` directives if the following cases:
-
-- The directive has that argument. E.g. ``
-- The directive has that modifier. E.g. ``
-- The directive has that attribute value. E.g. ``
-
-👎 Examples of **incorrect** code for this rule:
-
-```html
-
-
-
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
-
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
diff --git a/docs/rules/no-invalid-v-pre.md b/docs/rules/no-invalid-v-pre.md
deleted file mode 100644
index 989120333..000000000
--- a/docs/rules/no-invalid-v-pre.md
+++ /dev/null
@@ -1,37 +0,0 @@
-# Disallow invalid v-pre directives (no-invalid-v-pre)
-
-This rule checks whether every `v-pre` directive is valid.
-
-## 📖 Rule Details
-
-This rule reports `v-pre` directives if the following cases:
-
-- The directive has that argument. E.g. ``
-- The directive has that modifier. E.g. ``
-- The directive has that attribute value. E.g. ``
-
-👎 Examples of **incorrect** code for this rule:
-
-```html
-
-
-
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
-
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
diff --git a/docs/rules/no-invalid-v-show.md b/docs/rules/no-invalid-v-show.md
deleted file mode 100644
index 1a13ef881..000000000
--- a/docs/rules/no-invalid-v-show.md
+++ /dev/null
@@ -1,46 +0,0 @@
-# Disallow invalid v-show directives (no-invalid-v-show)
-
-This rule checks whether every `v-show` directive is valid.
-
-## 📖 Rule Details
-
-This rule reports `v-show` directives if the following cases:
-
-- The directive has that argument. E.g. ``
-- The directive has that modifier. E.g. ``
-- The directive does not have that attribute value. E.g. ``
-
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
-
-👎 Examples of **incorrect** code for this rule:
-
-```html
-
-
-
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
-
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
-
-## 👫 Related rules
-
-- [no-parsing-error]
-
-
-[no-parsing-error]: no-parsing-error.md
diff --git a/docs/rules/no-invalid-v-text.md b/docs/rules/no-invalid-v-text.md
deleted file mode 100644
index 39e966202..000000000
--- a/docs/rules/no-invalid-v-text.md
+++ /dev/null
@@ -1,46 +0,0 @@
-# Disallow invalid v-text directives (no-invalid-v-text)
-
-This rule checks whether every `v-text` directive is valid.
-
-## 📖 Rule Details
-
-This rule reports `v-text` directives if the following cases:
-
-- The directive has that argument. E.g. ``
-- The directive has that modifier. E.g. ``
-- The directive does not have that attribute value. E.g. ``
-
-This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
-
-👎 Examples of **incorrect** code for this rule:
-
-```html
-
-
-
-
-
-
-
-```
-
-👍 Examples of **correct** code for this rule:
-
-```html
-
-
-
-
-
-```
-
-## 🔧 Options
-
-Nothing.
-
-## 👫 Related rules
-
-- [no-parsing-error]
-
-
-[no-parsing-error]: no-parsing-error.md
diff --git a/docs/rules/no-irregular-whitespace.md b/docs/rules/no-irregular-whitespace.md
new file mode 100644
index 000000000..615f2294a
--- /dev/null
+++ b/docs/rules/no-irregular-whitespace.md
@@ -0,0 +1,178 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-irregular-whitespace
+description: disallow irregular whitespace in `.vue` files
+since: v6.1.0
+---
+
+# vue/no-irregular-whitespace
+
+> disallow irregular whitespace in `.vue` files
+
+## :book: Rule Details
+
+`vue/no-irregular-whitespace` rule is aimed at catching invalid whitespace that is not a normal tab and space. Some of these characters may cause issues in modern browsers and others will be a debugging issue to spot.
+`vue/no-irregular-whitespace` rule is the similar rule as core [no-irregular-whitespace] rule but it applies to the source code in .vue.
+
+
+
+
+```
+
+
+
+
+
+
+
+
+
+```
+
+hello
+ hello
+
+```
+
+
+ vue eslint plugin
+
+
+
+```
+
+
+
+
+
+
+
+
+```
+
+
+
+
+
+
+
+
+```
+
+
+
+
+
+
+```
+
+First
+ Second
+
+ First
+ Second
+
+ Content
+
+ Not equal
+
+
+ First
+ Second
+
+ First
+ Second
+
+ First
+ Second
+ Third
+
+```
+
+
+
+
+
+
+
+```
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+
+
+
+
`
+
+`{ blankLine: 'always', prev: 'br', next: '*' }`
+
+
+
+
+```
+
+
+
+
+
+
` and ``
+
+`{ blankLine: 'always', prev: 'br', next: 'img' }`
+
+
+
+
+```
+
+
+
+
+
+
+
+
+
+```
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+
+
+
+
+
+```
+
+
-
-
+
+
+
+
```
-👍 Examples of **correct** code for this rule:
+
-
-
-
-```
+::: warning Note
+This rule does not report missing `v-bind:key` on custom components.
+It will be reported by [vue/valid-v-for] rule.
+:::
-## 🔧 Options
+## :wrench: Options
Nothing.
-## 👫 Related rules
+## :couple: Related Rules
+
+- [vue/valid-v-for]
+- [vue/v-if-else-key]
+
+[vue/valid-v-for]: ./valid-v-for.md
+[vue/v-if-else-key]: ./v-if-else-key.md
+
+## :books: Further Reading
+
+- [Style guide - Keyed v-for](https://vuejs.org/style-guide/rules-essential.html#use-keyed-v-for)
+- [Guide (for v2) - v-for with a Component](https://v2.vuejs.org/v2/guide/list.html#v-for-with-a-Component)
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.0.0
-- [no-invalid-v-for]
+## :mag: Implementation
-[no-invalid-v-for]: ./no-invalid-v-for.md
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-v-for-key.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-v-for-key.js)
diff --git a/docs/rules/require-valid-default-prop.md b/docs/rules/require-valid-default-prop.md
new file mode 100644
index 000000000..bea185798
--- /dev/null
+++ b/docs/rules/require-valid-default-prop.md
@@ -0,0 +1,91 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/require-valid-default-prop
+description: enforce props default values to be valid
+since: v3.13.0
+---
+
+# vue/require-valid-default-prop
+
+> enforce props default values to be valid
+
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `*.configs["flat/essential"]`, `"plugin:vue/vue2-essential"`, `*.configs["flat/vue2-essential"]`, `"plugin:vue/strongly-recommended"`, `*.configs["flat/strongly-recommended"]`, `"plugin:vue/vue2-strongly-recommended"`, `*.configs["flat/vue2-strongly-recommended"]`, `"plugin:vue/recommended"`, `*.configs["flat/recommended"]`, `"plugin:vue/vue2-recommended"` and `*.configs["flat/vue2-recommended"]`.
+
+## :book: Rule Details
+
+This rule checks whether the default value of each prop is valid for the given type. It should report an error when default value for type `Array` or `Object` is not returned using function.
+
+
-
-
+
+
+
+
+
```
-👍 Examples of **correct** code for this rule:
+
-
-
+
+
+
+
+
```
-👎 Examples of **incorrect** code for this rule with `"longform"` option:
+
-
-
+
+
+
+
+
```
-👍 Examples of **correct** code for this rule with `"longform"` option:
+
-
-
+
+
+
+
+
```
-## 🔧 Options
+
-
-
-
-```
+This rule enforces `v-on` directive style which you should use shorthand or long form.
-👍 Examples of **correct** code for this rule:
+
-
-
+
+
+
+
+
```
-👎 Examples of **incorrect** code for this rule with `"longform"` option:
+
-
-
-
+## :wrench: Options
+
+Default is set to `shorthand`.
+
+```json
+{
+ "vue/v-on-style": ["error", "shorthand" | "longform"]
+}
```
-👍 Examples of **correct** code for this rule with `"longform"` option:
+- `"shorthand"` (default) ... requires using shorthand.
+- `"longform"` ... requires using long form.
+
+### `"longform"`
+
+
-
-
+
+
+
+
+
```
-## 🔧 Options
+`
+
+
+
+
+
+
+
+
+```
+
+
+
+
+
+
+
+
+
+ `
+
+
+
+
+
+```
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+
+ {{ data }}
+
+
+
+ one
+
+
+
+ not IE only
+
+
diff --git a/tests/fixtures/utils/html-comments/incorrectly-closed-comment/comment-tokens.json b/tests/fixtures/utils/html-comments/incorrectly-closed-comment/comment-tokens.json
new file mode 100644
index 000000000..0637a088a
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/incorrectly-closed-comment/comment-tokens.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/incorrectly-closed-comment/source.vue b/tests/fixtures/utils/html-comments/incorrectly-closed-comment/source.vue
new file mode 100644
index 000000000..edfecdca6
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/incorrectly-closed-comment/source.vue
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/tests/fixtures/utils/html-comments/non-decoration/comment-tokens.json b/tests/fixtures/utils/html-comments/non-decoration/comment-tokens.json
new file mode 100644
index 000000000..4a42c85cc
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/non-decoration/comment-tokens.json
@@ -0,0 +1,60 @@
+[
+ {
+ "open": {
+ "type": "HTMLCommentOpen",
+ "value": "",
+ "range": [
+ 70,
+ 73
+ ],
+ "loc": {
+ "start": {
+ "line": 3,
+ "column": 21
+ },
+ "end": {
+ "line": 3,
+ "column": 24
+ }
+ }
+ }
+ }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/non-decoration/source.vue b/tests/fixtures/utils/html-comments/non-decoration/source.vue
new file mode 100644
index 000000000..464b27799
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/non-decoration/source.vue
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/tests/fixtures/utils/html-comments/script-comment/comment-tokens.json b/tests/fixtures/utils/html-comments/script-comment/comment-tokens.json
new file mode 100644
index 000000000..0637a088a
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/script-comment/comment-tokens.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/script-comment/source.vue b/tests/fixtures/utils/html-comments/script-comment/source.vue
new file mode 100644
index 000000000..41aedcefe
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/script-comment/source.vue
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/tests/fixtures/utils/html-comments/test1/comment-tokens.json b/tests/fixtures/utils/html-comments/test1/comment-tokens.json
new file mode 100644
index 000000000..5c53e9ca4
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test1/comment-tokens.json
@@ -0,0 +1,60 @@
+[
+ {
+ "open": {
+ "type": "HTMLCommentOpen",
+ "value": "",
+ "range": [
+ 53,
+ 56
+ ],
+ "loc": {
+ "start": {
+ "line": 3,
+ "column": 13
+ },
+ "end": {
+ "line": 3,
+ "column": 16
+ }
+ }
+ }
+ }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/test1/source.vue b/tests/fixtures/utils/html-comments/test1/source.vue
new file mode 100644
index 000000000..a270969a3
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test1/source.vue
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/tests/fixtures/utils/html-comments/test2/comment-tokens.json b/tests/fixtures/utils/html-comments/test2/comment-tokens.json
new file mode 100644
index 000000000..c414ab176
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test2/comment-tokens.json
@@ -0,0 +1,60 @@
+[
+ {
+ "open": {
+ "type": "HTMLCommentOpen",
+ "value": "",
+ "range": [
+ 55,
+ 58
+ ],
+ "loc": {
+ "start": {
+ "line": 3,
+ "column": 15
+ },
+ "end": {
+ "line": 3,
+ "column": 18
+ }
+ }
+ }
+ }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/test2/source.vue b/tests/fixtures/utils/html-comments/test2/source.vue
new file mode 100644
index 000000000..aed10db97
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test2/source.vue
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/tests/fixtures/utils/html-comments/test3/comment-tokens.json b/tests/fixtures/utils/html-comments/test3/comment-tokens.json
new file mode 100644
index 000000000..40db0b89d
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test3/comment-tokens.json
@@ -0,0 +1,60 @@
+[
+ {
+ "open": {
+ "type": "HTMLCommentOpen",
+ "value": "",
+ "range": [
+ 61,
+ 64
+ ],
+ "loc": {
+ "start": {
+ "line": 3,
+ "column": 21
+ },
+ "end": {
+ "line": 3,
+ "column": 24
+ }
+ }
+ }
+ }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/test3/source.vue b/tests/fixtures/utils/html-comments/test3/source.vue
new file mode 100644
index 000000000..bdb9c48cd
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test3/source.vue
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/tests/fixtures/utils/html-comments/test4/comment-tokens.json b/tests/fixtures/utils/html-comments/test4/comment-tokens.json
new file mode 100644
index 000000000..3513260bd
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test4/comment-tokens.json
@@ -0,0 +1,60 @@
+[
+ {
+ "open": {
+ "type": "HTMLCommentOpen",
+ "value": "",
+ "range": [
+ 73,
+ 76
+ ],
+ "loc": {
+ "start": {
+ "line": 6,
+ "column": 2
+ },
+ "end": {
+ "line": 6,
+ "column": 5
+ }
+ }
+ }
+ }
+]
\ No newline at end of file
diff --git a/tests/fixtures/utils/html-comments/test4/source.vue b/tests/fixtures/utils/html-comments/test4/source.vue
new file mode 100644
index 000000000..bca201562
--- /dev/null
+++ b/tests/fixtures/utils/html-comments/test4/source.vue
@@ -0,0 +1,7 @@
+
+
+
+
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/result.js
new file mode 100644
index 000000000..805890a33
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/result.js
@@ -0,0 +1,16 @@
+let { a, b: c, d: [,f], g: [...h], ...i } = $(foo)
+let [ x, y = 42 ] = $(bar)
+
+console.log(
+ /*>*/a/*<{"escape":false,"method":"$"}*/,
+ b,
+ /*>*/c/*<{"escape":false,"method":"$"}*/,
+ d,
+ e,
+ /*>*/f/*<{"escape":false,"method":"$"}*/,
+ g,
+ /*>*/h/*<{"escape":false,"method":"$"}*/,
+ /*>*/i/*<{"escape":false,"method":"$"}*/,
+ /*>*/x/*<{"escape":false,"method":"$"}*/,
+ /*>*/y/*<{"escape":false,"method":"$"}*/
+)
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/source.js
new file mode 100644
index 000000000..bfb92574f
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$-with-destructuring/source.js
@@ -0,0 +1,16 @@
+let { a, b: c, d: [,f], g: [...h], ...i } = $(foo)
+let [ x, y = 42 ] = $(bar)
+
+console.log(
+ a,
+ b,
+ c,
+ d,
+ e,
+ f,
+ g,
+ h,
+ i,
+ x,
+ y
+)
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$/result.js
new file mode 100644
index 000000000..80d709dee
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$/result.js
@@ -0,0 +1,6 @@
+let v = $(foo)
+let { x, y } = $(bar)
+console.log(/*>*/v/*<{"escape":false,"method":"$"}*/, /*>*/x/*<{"escape":false,"method":"$"}*/, /*>*/y/*<{"escape":false,"method":"$"}*/)
+let a = /*>*/v/*<{"escape":false,"method":"$"}*/
+console.log(a)
+console.log($$({ /*>*/v/*<{"escape":true,"method":"$"}*/, /*>*/x/*<{"escape":true,"method":"$"}*/ }))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$/source.js
new file mode 100644
index 000000000..28c98cbc9
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$/source.js
@@ -0,0 +1,6 @@
+let v = $(foo)
+let { x, y } = $(bar)
+console.log(v, x, y)
+let a = v
+console.log(a)
+console.log($$({ v, x }))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$computed/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$computed/result.js
new file mode 100644
index 000000000..a45a0ae6f
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$computed/result.js
@@ -0,0 +1,5 @@
+let v = $computed(() => 42)
+console.log(/*>*/v/*<{"escape":false,"method":"$computed"}*/)
+let a = /*>*/v/*<{"escape":false,"method":"$computed"}*/
+console.log(a)
+console.log($$(/*>*/v/*<{"escape":true,"method":"$computed"}*/))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$computed/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$computed/source.js
new file mode 100644
index 000000000..ff0f34766
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$computed/source.js
@@ -0,0 +1,5 @@
+let v = $computed(() => 42)
+console.log(v)
+let a = v
+console.log(a)
+console.log($$(v))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/result.js
new file mode 100644
index 000000000..a8a3ae90a
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/result.js
@@ -0,0 +1,10 @@
+let v = $customRef((track, trigger) => {
+ return {
+ get() { return count },
+ set(newValue) { count = newValue }
+ }
+})
+console.log(/*>*/v/*<{"escape":false,"method":"$customRef"}*/)
+let a = /*>*/v/*<{"escape":false,"method":"$customRef"}*/
+console.log(a)
+console.log($$(/*>*/v/*<{"escape":true,"method":"$customRef"}*/))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/source.js
new file mode 100644
index 000000000..dd62754bc
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$customRef/source.js
@@ -0,0 +1,10 @@
+let v = $customRef((track, trigger) => {
+ return {
+ get() { return count },
+ set(newValue) { count = newValue }
+ }
+})
+console.log(v)
+let a = v
+console.log(a)
+console.log($$(v))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$ref/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$ref/result.js
new file mode 100644
index 000000000..518f0c56b
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$ref/result.js
@@ -0,0 +1,5 @@
+let v = $ref(0)
+console.log(/*>*/v/*<{"escape":false,"method":"$ref"}*/)
+let a = /*>*/v/*<{"escape":false,"method":"$ref"}*/
+console.log(a)
+console.log($$(/*>*/v/*<{"escape":true,"method":"$ref"}*/))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$ref/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$ref/source.js
new file mode 100644
index 000000000..5c8d7248e
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$ref/source.js
@@ -0,0 +1,5 @@
+let v = $ref(0)
+console.log(v)
+let a = v
+console.log(a)
+console.log($$(v))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/result.js
new file mode 100644
index 000000000..dbe345a19
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/result.js
@@ -0,0 +1,5 @@
+let v = $shallowRef({ count: 0 })
+console.log(/*>*/v/*<{"escape":false,"method":"$shallowRef"}*/)
+let a = /*>*/v/*<{"escape":false,"method":"$shallowRef"}*/
+console.log(a)
+console.log($$(/*>*/v/*<{"escape":true,"method":"$shallowRef"}*/))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/source.js
new file mode 100644
index 000000000..da4c19320
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$shallowRef/source.js
@@ -0,0 +1,5 @@
+let v = $shallowRef({ count: 0 })
+console.log(v)
+let a = v
+console.log(a)
+console.log($$(v))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/result.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/result.js
new file mode 100644
index 000000000..a7bff1219
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/result.js
@@ -0,0 +1,5 @@
+let v = $toRef(foo, 'bar')
+console.log(/*>*/v/*<{"escape":false,"method":"$toRef"}*/)
+let a = /*>*/v/*<{"escape":false,"method":"$toRef"}*/
+console.log(a)
+console.log($$(/*>*/v/*<{"escape":true,"method":"$toRef"}*/))
diff --git a/tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/source.js b/tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/source.js
new file mode 100644
index 000000000..b94ddea93
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/reactive-vars/$toRef/source.js
@@ -0,0 +1,5 @@
+let v = $toRef(foo, 'bar')
+console.log(v)
+let a = v
+console.log(a)
+console.log($$(v))
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/computed/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/computed/result.js
new file mode 100644
index 000000000..2217a8182
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/computed/result.js
@@ -0,0 +1,5 @@
+import { computed } from 'vue'
+let v = computed(() => 42)
+console.log(/*>*/v/*<{"type":"expression","method":"computed"}*/.value)
+let a = v
+console.log(/*>*/a/*<{"type":"expression","method":"computed"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/computed/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/computed/source.js
new file mode 100644
index 000000000..2b4a6412d
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/computed/source.js
@@ -0,0 +1,5 @@
+import { computed } from 'vue'
+let v = computed(() => 42)
+console.log(v.value)
+let a = v
+console.log(a.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/customRef/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/customRef/result.js
new file mode 100644
index 000000000..e7af0774e
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/customRef/result.js
@@ -0,0 +1,10 @@
+import { customRef } from 'vue'
+let v = customRef((track, trigger) => {
+ return {
+ get() { return count },
+ set(newValue) { count = newValue }
+ }
+})
+console.log(/*>*/v/*<{"type":"expression","method":"customRef"}*/.value)
+let a = v
+console.log(/*>*/a/*<{"type":"expression","method":"customRef"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/customRef/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/customRef/source.js
new file mode 100644
index 000000000..c94db730f
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/customRef/source.js
@@ -0,0 +1,10 @@
+import { customRef } from 'vue'
+let v = customRef((track, trigger) => {
+ return {
+ get() { return count },
+ set(newValue) { count = newValue }
+ }
+})
+console.log(v.value)
+let a = v
+console.log(a.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/result.vue b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/result.vue
new file mode 100644
index 000000000..a5d4293d8
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/result.vue
@@ -0,0 +1,24 @@
+
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/source.vue b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/source.vue
new file mode 100644
index 000000000..7cca9156c
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel01/source.vue
@@ -0,0 +1,24 @@
+
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/result.vue b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/result.vue
new file mode 100644
index 000000000..c2903d01f
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/result.vue
@@ -0,0 +1,16 @@
+
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/source.vue b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/source.vue
new file mode 100644
index 000000000..012cb9349
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/defineModel02/source.vue
@@ -0,0 +1,16 @@
+
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/result.js
new file mode 100644
index 000000000..a0681af4a
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/result.js
@@ -0,0 +1,9 @@
+import { ref } from 'vue'
+let v = ref(0)
+const /*>*/{ value: a }/*<{"type":"pattern","method":"ref"}*/ = v
+const /*>*/{ value = 42 }/*<{"type":"pattern","method":"ref"}*/ = v
+console.log(a)
+console.log(value)
+
+const [x] = v
+console.log(x)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/source.js
new file mode 100644
index 000000000..3a2c5c330
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/ref-to-pattern/source.js
@@ -0,0 +1,9 @@
+import { ref } from 'vue'
+let v = ref(0)
+const { value: a } = v
+const { value = 42 } = v
+console.log(a)
+console.log(value)
+
+const [x] = v
+console.log(x)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/ref/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/ref/result.js
new file mode 100644
index 000000000..c356f2c2b
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/ref/result.js
@@ -0,0 +1,5 @@
+import { ref } from 'vue'
+let v = ref(0)
+console.log(/*>*/v/*<{"type":"expression","method":"ref"}*/.value)
+let a = v
+console.log(/*>*/a/*<{"type":"expression","method":"ref"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/ref/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/ref/source.js
new file mode 100644
index 000000000..836b45777
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/ref/source.js
@@ -0,0 +1,5 @@
+import { ref } from 'vue'
+let v = ref(0)
+console.log(v.value)
+let a = v
+console.log(a.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/result.js
new file mode 100644
index 000000000..206f3e88d
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/result.js
@@ -0,0 +1,5 @@
+import { shallowRef } from 'vue'
+let v = shallowRef({ count: 0 })
+console.log(/*>*/v/*<{"type":"expression","method":"shallowRef"}*/.value)
+let a = v
+console.log(/*>*/a/*<{"type":"expression","method":"shallowRef"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/source.js
new file mode 100644
index 000000000..98496ae7f
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/shallowRef/source.js
@@ -0,0 +1,5 @@
+import { shallowRef } from 'vue'
+let v = shallowRef({ count: 0 })
+console.log(v.value)
+let a = v
+console.log(a.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/toRef/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/toRef/result.js
new file mode 100644
index 000000000..28bea16dc
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/toRef/result.js
@@ -0,0 +1,5 @@
+import { toRef } from 'vue'
+let v = toRef(foo, 'bar')
+console.log(/*>*/v/*<{"type":"expression","method":"toRef"}*/.value)
+let a = v
+console.log(/*>*/a/*<{"type":"expression","method":"toRef"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/toRef/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/toRef/source.js
new file mode 100644
index 000000000..df884f003
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/toRef/source.js
@@ -0,0 +1,5 @@
+import { toRef } from 'vue'
+let v = toRef(foo, 'bar')
+console.log(v.value)
+let a = v
+console.log(a.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/result.js
new file mode 100644
index 000000000..527acdc78
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/result.js
@@ -0,0 +1,5 @@
+import { toRefs } from 'vue'
+let bar = toRefs(foo)
+const { x, y = 42 } = bar
+console.log(/*>*/x/*<{"type":"expression","method":"toRefs"}*/.value)
+console.log(/*>*/y/*<{"type":"expression","method":"toRefs"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/source.js
new file mode 100644
index 000000000..b2c39b4a9
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs-to-pattern/source.js
@@ -0,0 +1,5 @@
+import { toRefs } from 'vue'
+let bar = toRefs(foo)
+const { x, y = 42 } = bar
+console.log(x.value)
+console.log(y.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/toRefs/result.js b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs/result.js
new file mode 100644
index 000000000..809dfc902
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs/result.js
@@ -0,0 +1,18 @@
+import { toRefs } from 'vue'
+let { x, y } = toRefs(foo)
+console.log(/*>*/x/*<{"type":"expression","method":"toRefs"}*/.value)
+let a = y
+console.log(/*>*/a/*<{"type":"expression","method":"toRefs"}*/.value)
+console.log(/*>*/y/*<{"type":"expression","method":"toRefs"}*/.value)
+
+let bar = toRefs(foo)
+console.log(bar)
+console.log(/*>*/bar.x/*<{"type":"expression","method":"toRefs"}*/.value)
+console.log(/*>*/bar.y/*<{"type":"expression","method":"toRefs"}*/.value)
+
+const z = bar.z
+console.log(/*>*/z/*<{"type":"expression","method":"toRefs"}*/.value)
+
+let b;
+/*>*/b/*<{"type":"pattern","method":"toRefs"}*/ = bar.b
+console.log(/*>*/b/*<{"type":"expression","method":"toRefs"}*/.value)
diff --git a/tests/fixtures/utils/ref-object-references/ref-objects/toRefs/source.js b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs/source.js
new file mode 100644
index 000000000..638e69296
--- /dev/null
+++ b/tests/fixtures/utils/ref-object-references/ref-objects/toRefs/source.js
@@ -0,0 +1,18 @@
+import { toRefs } from 'vue'
+let { x, y } = toRefs(foo)
+console.log(x.value)
+let a = y
+console.log(a.value)
+console.log(y.value)
+
+let bar = toRefs(foo)
+console.log(bar)
+console.log(bar.x.value)
+console.log(bar.y.value)
+
+const z = bar.z
+console.log(z.value)
+
+let b;
+b = bar.b
+console.log(b.value)
diff --git a/tests/fixtures/utils/selector/attr-contains/result.json b/tests/fixtures/utils/selector/attr-contains/result.json
new file mode 100644
index 000000000..a2627437e
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-contains/result.json
@@ -0,0 +1,9 @@
+{
+ "selector": "a[href*=\"example\"]",
+ "matches": [
+ "",
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-contains/source.vue b/tests/fixtures/utils/selector/attr-contains/source.vue
new file mode 100644
index 000000000..6c9a89dde
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-contains/source.vue
@@ -0,0 +1,10 @@
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/attr-empty-value/result.json b/tests/fixtures/utils/selector/attr-empty-value/result.json
new file mode 100644
index 000000000..1f3042923
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-empty-value/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": "[foo=]",
+ "matches": [
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-empty-value/source.vue b/tests/fixtures/utils/selector/attr-empty-value/source.vue
new file mode 100644
index 000000000..4a73c1519
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-empty-value/source.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/attr-eq/result.json b/tests/fixtures/utils/selector/attr-eq/result.json
new file mode 100644
index 000000000..89694b04d
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-eq/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": "[foo=foo]",
+ "matches": [
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-eq/source.vue b/tests/fixtures/utils/selector/attr-eq/source.vue
new file mode 100644
index 000000000..fdfe34e2e
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-eq/source.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/attr-has/result.json b/tests/fixtures/utils/selector/attr-has/result.json
new file mode 100644
index 000000000..6af6140be
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-has/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": "[foo]",
+ "matches": [
+ "",
+ "
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/attr-insensitive/result.json b/tests/fixtures/utils/selector/attr-insensitive/result.json
new file mode 100644
index 000000000..5d630529f
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-insensitive/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": "a[href*=\"insensitive\" i]",
+ "matches": [
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-insensitive/source.vue b/tests/fixtures/utils/selector/attr-insensitive/source.vue
new file mode 100644
index 000000000..129fcab0d
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-insensitive/source.vue
@@ -0,0 +1,10 @@
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/attr-lang/result.json b/tests/fixtures/utils/selector/attr-lang/result.json
new file mode 100644
index 000000000..f8c9d266a
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-lang/result.json
@@ -0,0 +1,9 @@
+{
+ "selector": "div[lang|=\"zh\"]",
+ "matches": [
+ "",
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-lang/source.vue b/tests/fixtures/utils/selector/attr-lang/source.vue
new file mode 100644
index 000000000..fa88b8750
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-lang/source.vue
@@ -0,0 +1,9 @@
+
+
+ Hello World!
+ Olá Mundo!
+ 世界您好！
+ 世界您好！
+ 世界您好！
+ 世界您好！
+
diff --git a/tests/fixtures/utils/selector/attr-not-insensitive/result.json b/tests/fixtures/utils/selector/attr-not-insensitive/result.json
new file mode 100644
index 000000000..41f6b6ddf
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-not-insensitive/result.json
@@ -0,0 +1,5 @@
+{
+ "selector": "a[href*=\"insensitive\"]",
+ "matches": [],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-not-insensitive/source.vue b/tests/fixtures/utils/selector/attr-not-insensitive/source.vue
new file mode 100644
index 000000000..2fb3e9037
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-not-insensitive/source.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/attr-prefixed/result.json b/tests/fixtures/utils/selector/attr-prefixed/result.json
new file mode 100644
index 000000000..9f11bd4ee
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-prefixed/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": "a[href^=\"#\"]",
+ "matches": [
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-prefixed/source.vue b/tests/fixtures/utils/selector/attr-prefixed/source.vue
new file mode 100644
index 000000000..2c1dc2eb0
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-prefixed/source.vue
@@ -0,0 +1,10 @@
+
+
+
+
diff --git a/tests/fixtures/utils/selector/attr-suffixed/result.json b/tests/fixtures/utils/selector/attr-suffixed/result.json
new file mode 100644
index 000000000..d1a9e622a
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-suffixed/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": "a[href$=\".org\"]",
+ "matches": [
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-suffixed/source.vue b/tests/fixtures/utils/selector/attr-suffixed/source.vue
new file mode 100644
index 000000000..7b27ad2e4
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-suffixed/source.vue
@@ -0,0 +1,10 @@
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/attr-words/result.json b/tests/fixtures/utils/selector/attr-words/result.json
new file mode 100644
index 000000000..3fdea22cf
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-words/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": "div[lang~=\"en-us\"]",
+ "matches": [
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/attr-words/source.vue b/tests/fixtures/utils/selector/attr-words/source.vue
new file mode 100644
index 000000000..c9558519b
--- /dev/null
+++ b/tests/fixtures/utils/selector/attr-words/source.vue
@@ -0,0 +1,11 @@
+
+
+ Hello World!
+ Hello World!
+ Unknown
+ Olá Mundo!
+ 世界您好！
+ 世界您好！
+ 世界您好！
+ 世界您好！
+
diff --git a/tests/fixtures/utils/selector/class/result.json b/tests/fixtures/utils/selector/class/result.json
new file mode 100644
index 000000000..6fd93bcd6
--- /dev/null
+++ b/tests/fixtures/utils/selector/class/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": ".foo",
+ "matches": [
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/class/source.vue b/tests/fixtures/utils/selector/class/source.vue
new file mode 100644
index 000000000..b9616a44b
--- /dev/null
+++ b/tests/fixtures/utils/selector/class/source.vue
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/combinator-adjacent/result.json b/tests/fixtures/utils/selector/combinator-adjacent/result.json
new file mode 100644
index 000000000..ef2e84138
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-adjacent/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": ".foo+.bar",
+ "matches": [
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/combinator-adjacent/source.vue b/tests/fixtures/utils/selector/combinator-adjacent/source.vue
new file mode 100644
index 000000000..489c0d7ee
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-adjacent/source.vue
@@ -0,0 +1,14 @@
+
+
+
+
diff --git a/tests/fixtures/utils/selector/combinator-child01/result.json b/tests/fixtures/utils/selector/combinator-child01/result.json
new file mode 100644
index 000000000..841f69656
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-child01/result.json
@@ -0,0 +1,9 @@
+{
+ "selector": ".foo > .bar",
+ "matches": [
+ "",
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/combinator-child01/source.vue b/tests/fixtures/utils/selector/combinator-child01/source.vue
new file mode 100644
index 000000000..5eaa8df61
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-child01/source.vue
@@ -0,0 +1,14 @@
+
+
+
+
diff --git a/tests/fixtures/utils/selector/combinator-child02/result.json b/tests/fixtures/utils/selector/combinator-child02/result.json
new file mode 100644
index 000000000..ca0084bb8
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-child02/result.json
@@ -0,0 +1,10 @@
+{
+ "selector": ".a > .b > .c",
+ "matches": [
+ "",
+ "",
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/combinator-child02/source.vue b/tests/fixtures/utils/selector/combinator-child02/source.vue
new file mode 100644
index 000000000..cf2ede6ec
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-child02/source.vue
@@ -0,0 +1,162 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/combinator-descendant01/result.json b/tests/fixtures/utils/selector/combinator-descendant01/result.json
new file mode 100644
index 000000000..fb3463b3c
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-descendant01/result.json
@@ -0,0 +1,10 @@
+{
+ "selector": ".foo .bar",
+ "matches": [
+ "
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ",
+ "",
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/combinator-descendant01/source.vue b/tests/fixtures/utils/selector/combinator-descendant01/source.vue
new file mode 100644
index 000000000..b122dae66
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-descendant01/source.vue
@@ -0,0 +1,14 @@
+
+
+
+
diff --git a/tests/fixtures/utils/selector/combinator-descendant02/result.json b/tests/fixtures/utils/selector/combinator-descendant02/result.json
new file mode 100644
index 000000000..3d308db86
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-descendant02/result.json
@@ -0,0 +1,14 @@
+{
+ "selector": ".a .b .c",
+ "matches": [
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/combinator-descendant02/source.vue b/tests/fixtures/utils/selector/combinator-descendant02/source.vue
new file mode 100644
index 000000000..d89b86220
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-descendant02/source.vue
@@ -0,0 +1,162 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/combinator-sibling/result.json b/tests/fixtures/utils/selector/combinator-sibling/result.json
new file mode 100644
index 000000000..efc9bed43
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-sibling/result.json
@@ -0,0 +1,9 @@
+{
+ "selector": ".foo~.bar",
+ "matches": [
+ "
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ",
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/combinator-sibling/source.vue b/tests/fixtures/utils/selector/combinator-sibling/source.vue
new file mode 100644
index 000000000..381e6750d
--- /dev/null
+++ b/tests/fixtures/utils/selector/combinator-sibling/source.vue
@@ -0,0 +1,14 @@
+
+
+
+
diff --git a/tests/fixtures/utils/selector/comment01/result.json b/tests/fixtures/utils/selector/comment01/result.json
new file mode 100644
index 000000000..7592577fe
--- /dev/null
+++ b/tests/fixtures/utils/selector/comment01/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": ".foo /* comment */ :is(.bar /* comment */)",
+ "matches": [
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/comment01/source.vue b/tests/fixtures/utils/selector/comment01/source.vue
new file mode 100644
index 000000000..d388a1b9a
--- /dev/null
+++ b/tests/fixtures/utils/selector/comment01/source.vue
@@ -0,0 +1,7 @@
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/comment02/result.json b/tests/fixtures/utils/selector/comment02/result.json
new file mode 100644
index 000000000..3d70892a6
--- /dev/null
+++ b/tests/fixtures/utils/selector/comment02/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": ".foo /* comment */ > /* comment */ /* comment */ .bar /* comment */",
+ "matches": [
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/comment02/source.vue b/tests/fixtures/utils/selector/comment02/source.vue
new file mode 100644
index 000000000..dc71c6bab
--- /dev/null
+++ b/tests/fixtures/utils/selector/comment02/source.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/comment03/result.json b/tests/fixtures/utils/selector/comment03/result.json
new file mode 100644
index 000000000..1358c04e7
--- /dev/null
+++ b/tests/fixtures/utils/selector/comment03/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": ".foo /* comment */ /* comment */ > /* comment */ .bar /* comment */",
+ "matches": [
+ "
+
+
+ "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/comment03/source.vue b/tests/fixtures/utils/selector/comment03/source.vue
new file mode 100644
index 000000000..a8381a888
--- /dev/null
+++ b/tests/fixtures/utils/selector/comment03/source.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/id/result.json b/tests/fixtures/utils/selector/id/result.json
new file mode 100644
index 000000000..616a429c1
--- /dev/null
+++ b/tests/fixtures/utils/selector/id/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": "#foo",
+ "matches": [
+ "
+
+
+ "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/id/source.vue b/tests/fixtures/utils/selector/id/source.vue
new file mode 100644
index 000000000..88bdd7cb2
--- /dev/null
+++ b/tests/fixtures/utils/selector/id/source.vue
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/invalid-attr-op/result.json b/tests/fixtures/utils/selector/invalid-attr-op/result.json
new file mode 100644
index 000000000..edc492df9
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-attr-op/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": "a[href==\"example\"]",
+ "matches": [],
+ "errors": [
+ "Unsupported operator: ==."
+ ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-attr-op/source.vue b/tests/fixtures/utils/selector/invalid-attr-op/source.vue
new file mode 100644
index 000000000..dc39fc6b5
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-attr-op/source.vue
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/tests/fixtures/utils/selector/invalid-combinators/result.json b/tests/fixtures/utils/selector/invalid-combinators/result.json
new file mode 100644
index 000000000..7f1e135e2
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-combinators/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": ".foo > > .bar",
+ "matches": [],
+ "errors": [
+ "Unexpected combinator '>'."
+ ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-combinators/source.vue b/tests/fixtures/utils/selector/invalid-combinators/source.vue
new file mode 100644
index 000000000..2c768628d
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-combinators/source.vue
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/invalid-empty/result.json b/tests/fixtures/utils/selector/invalid-empty/result.json
new file mode 100644
index 000000000..0352970ab
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-empty/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": ".foo /* comment */ :is(.bar, /* comment */)",
+ "matches": [],
+ "errors": [
+ "Unexpected empty selector."
+ ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-empty/source.vue b/tests/fixtures/utils/selector/invalid-empty/source.vue
new file mode 100644
index 000000000..c6444bdad
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-empty/source.vue
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/invalid-last-combinator/result.json b/tests/fixtures/utils/selector/invalid-last-combinator/result.json
new file mode 100644
index 000000000..25d9ded5b
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-last-combinator/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": ".foo >",
+ "matches": [],
+ "errors": [
+ "Expected selector after '>'."
+ ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-last-combinator/source.vue b/tests/fixtures/utils/selector/invalid-last-combinator/source.vue
new file mode 100644
index 000000000..193c8fd1b
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-last-combinator/source.vue
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/invalid-nesting/result.json b/tests/fixtures/utils/selector/invalid-nesting/result.json
new file mode 100644
index 000000000..3e8d09dba
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-nesting/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": "& .foo > .bar",
+ "matches": [],
+ "errors": [
+ "Unsupported nesting selector."
+ ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-nesting/source.vue b/tests/fixtures/utils/selector/invalid-nesting/source.vue
new file mode 100644
index 000000000..69338be4f
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-nesting/source.vue
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/invalid-nth/result.json b/tests/fixtures/utils/selector/invalid-nth/result.json
new file mode 100644
index 000000000..248758f15
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-nth/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": ":nth-child()",
+ "matches": [],
+ "errors": [
+ "Cannot parse An+B micro syntax (:nth-xxx() argument): ''."
+ ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-nth/source.vue b/tests/fixtures/utils/selector/invalid-nth/source.vue
new file mode 100644
index 000000000..4e2e356cd
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-nth/source.vue
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/tests/fixtures/utils/selector/invalid-selector/result.json b/tests/fixtures/utils/selector/invalid-selector/result.json
new file mode 100644
index 000000000..b8b057b02
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-selector/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": ":not(",
+ "matches": [],
+ "errors": [
+ "Cannot parse selector: :not(."
+ ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-selector/source.vue b/tests/fixtures/utils/selector/invalid-selector/source.vue
new file mode 100644
index 000000000..cc6ae2d42
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-selector/source.vue
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/tests/fixtures/utils/selector/invalid-string/result.json b/tests/fixtures/utils/selector/invalid-string/result.json
new file mode 100644
index 000000000..542d12c18
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-string/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": ".foo > \".bar\"",
+ "matches": [],
+ "errors": [
+ "Unknown selector: \".bar\"."
+ ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-string/source.vue b/tests/fixtures/utils/selector/invalid-string/source.vue
new file mode 100644
index 000000000..3a51d6405
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-string/source.vue
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/invalid-unknown-combinator/result.json b/tests/fixtures/utils/selector/invalid-unknown-combinator/result.json
new file mode 100644
index 000000000..486eae4f0
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-unknown-combinator/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": ".foo /unknown/ .bar",
+ "matches": [],
+ "errors": [
+ "Unknown combinator: /unknown/."
+ ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-unknown-combinator/source.vue b/tests/fixtures/utils/selector/invalid-unknown-combinator/source.vue
new file mode 100644
index 000000000..08d148f7c
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-unknown-combinator/source.vue
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/invalid-unknown-pseudo/result.json b/tests/fixtures/utils/selector/invalid-unknown-pseudo/result.json
new file mode 100644
index 000000000..6171ea02b
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-unknown-pseudo/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": ".foo :unknown(.bar)",
+ "matches": [],
+ "errors": [
+ "Unsupported pseudo selector: :unknown."
+ ]
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/invalid-unknown-pseudo/source.vue b/tests/fixtures/utils/selector/invalid-unknown-pseudo/source.vue
new file mode 100644
index 000000000..5d1449abe
--- /dev/null
+++ b/tests/fixtures/utils/selector/invalid-unknown-pseudo/source.vue
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-empty/result.json b/tests/fixtures/utils/selector/pseudo-empty/result.json
new file mode 100644
index 000000000..feefab5ef
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-empty/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": ".box:empty",
+ "matches": [
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-empty/source.vue b/tests/fixtures/utils/selector/pseudo-empty/source.vue
new file mode 100644
index 000000000..9a47c2a52
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-empty/source.vue
@@ -0,0 +1,11 @@
+
+
+
+ Content
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-first-child01/result.json b/tests/fixtures/utils/selector/pseudo-first-child01/result.json
new file mode 100644
index 000000000..df66f7558
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-child01/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": "p:first-child",
+ "matches": [
+ "
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-first-child02/result.json b/tests/fixtures/utils/selector/pseudo-first-child02/result.json
new file mode 100644
index 000000000..e991fe995
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-child02/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": "ul li:first-child",
+ "matches": [
+ "
+
+
+
+
+ This text isn't selected: it's not a `p`.
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-first-of-type01/result.json b/tests/fixtures/utils/selector/pseudo-first-of-type01/result.json
new file mode 100644
index 000000000..408762a9e
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-of-type01/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": "p:first-of-type",
+ "matches": [
+ "
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-first-of-type02/result.json b/tests/fixtures/utils/selector/pseudo-first-of-type02/result.json
new file mode 100644
index 000000000..aabc2d160
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-first-of-type02/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": ".root > :first-of-type",
+ "matches": [
+ "Heading
+ ",
+ "
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-has-complex01/result.json b/tests/fixtures/utils/selector/pseudo-has-complex01/result.json
new file mode 100644
index 000000000..21d9decfc
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has-complex01/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": "div:has(>.foo > .foo)",
+ "matches": [
+ "Heading
+ ",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-has-complex01/source.vue b/tests/fixtures/utils/selector/pseudo-has-complex01/source.vue
new file mode 100644
index 000000000..abc928b81
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has-complex01/source.vue
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-has-complex02/result.json b/tests/fixtures/utils/selector/pseudo-has-complex02/result.json
new file mode 100644
index 000000000..b8c779ec0
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has-complex02/result.json
@@ -0,0 +1,9 @@
+{
+ "selector": "div:has(>.foo .foo)",
+ "matches": [
+ "
+
+ ",
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-has-complex02/source.vue b/tests/fixtures/utils/selector/pseudo-has-complex02/source.vue
new file mode 100644
index 000000000..f0e1b8da4
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has-complex02/source.vue
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-has01/result.json b/tests/fixtures/utils/selector/pseudo-has01/result.json
new file mode 100644
index 000000000..af3f7bc3b
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has01/result.json
@@ -0,0 +1,9 @@
+{
+ "selector": "div:has(.foo)",
+ "matches": [
+ "
+
+ ",
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-has01/source.vue b/tests/fixtures/utils/selector/pseudo-has01/source.vue
new file mode 100644
index 000000000..11defe7d2
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has01/source.vue
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-has02/result.json b/tests/fixtures/utils/selector/pseudo-has02/result.json
new file mode 100644
index 000000000..413267468
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has02/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": "div:has(>.foo)",
+ "matches": [
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-has02/source.vue b/tests/fixtures/utils/selector/pseudo-has02/source.vue
new file mode 100644
index 000000000..7fcde7d5b
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has02/source.vue
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-has03/result.json b/tests/fixtures/utils/selector/pseudo-has03/result.json
new file mode 100644
index 000000000..d818eb807
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has03/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": "div:has(+.foo)",
+ "matches": [
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-has03/source.vue b/tests/fixtures/utils/selector/pseudo-has03/source.vue
new file mode 100644
index 000000000..2157d5353
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has03/source.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-has04/result.json b/tests/fixtures/utils/selector/pseudo-has04/result.json
new file mode 100644
index 000000000..ca52f2862
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has04/result.json
@@ -0,0 +1,9 @@
+{
+ "selector": "div:has(~.foo)",
+ "matches": [
+ "",
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-has04/source.vue b/tests/fixtures/utils/selector/pseudo-has04/source.vue
new file mode 100644
index 000000000..9eeebaa2f
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-has04/source.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-is/result.json b/tests/fixtures/utils/selector/pseudo-is/result.json
new file mode 100644
index 000000000..a0893ac97
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-is/result.json
@@ -0,0 +1,12 @@
+{
+ "selector": ":where(header, main, footer) p",
+ "matches": [
+ "
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-last-of-type01/result.json b/tests/fixtures/utils/selector/pseudo-last-of-type01/result.json
new file mode 100644
index 000000000..e566e5992
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-last-of-type01/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": "p:last-of-type",
+ "matches": [
+ "
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-last-of-type02/result.json b/tests/fixtures/utils/selector/pseudo-last-of-type02/result.json
new file mode 100644
index 000000000..b23c5b685
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-last-of-type02/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": ".root > :last-of-type",
+ "matches": [
+ "Heading
+ ",
+ "
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-not/result.json b/tests/fixtures/utils/selector/pseudo-not/result.json
new file mode 100644
index 000000000..42e685b4a
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-not/result.json
@@ -0,0 +1,9 @@
+{
+ "selector": ":not(.foo)",
+ "matches": [
+ "",
+ "Heading
+ ",
+ "
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-nth-child01/result.json b/tests/fixtures/utils/selector/pseudo-nth-child01/result.json
new file mode 100644
index 000000000..be67bd4ac
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-child01/result.json
@@ -0,0 +1,11 @@
+{
+ "selector": "span:nth-child(2n+1)",
+ "matches": [
+ "",
+ "",
+ "",
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-child01/source.vue b/tests/fixtures/utils/selector/pseudo-nth-child01/source.vue
new file mode 100644
index 000000000..18ed75b7e
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-child01/source.vue
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-nth-child02/result.json b/tests/fixtures/utils/selector/pseudo-nth-child02/result.json
new file mode 100644
index 000000000..8bddde0fa
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-child02/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": ".foo:nth-child(odd)",
+ "matches": [
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-child02/source.vue b/tests/fixtures/utils/selector/pseudo-nth-child02/source.vue
new file mode 100644
index 000000000..9533e330c
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-child02/source.vue
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-nth-child03/result.json b/tests/fixtures/utils/selector/pseudo-nth-child03/result.json
new file mode 100644
index 000000000..d17057d80
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-child03/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": ".foo:nth-child(even)",
+ "matches": [
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-child03/source.vue b/tests/fixtures/utils/selector/pseudo-nth-child03/source.vue
new file mode 100644
index 000000000..a1814b8d4
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-child03/source.vue
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-child01/result.json b/tests/fixtures/utils/selector/pseudo-nth-last-child01/result.json
new file mode 100644
index 000000000..fecc3d71e
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-child01/result.json
@@ -0,0 +1,9 @@
+{
+ "selector": "tr:nth-last-child(-n+3)",
+ "matches": [
+ "",
+ " ",
+ " "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-child01/source.vue b/tests/fixtures/utils/selector/pseudo-nth-last-child01/source.vue
new file mode 100644
index 000000000..d812f4cdd
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-child01/source.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-child02/result.json b/tests/fixtures/utils/selector/pseudo-nth-last-child02/result.json
new file mode 100644
index 000000000..056a0cef6
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-child02/result.json
@@ -0,0 +1,10 @@
+{
+ "selector": "tr:nth-last-child(n+2)",
+ "matches": [
+ "
+
+ First line
+
+
+ Second line
+
+
+ Third line
+
+
+ Fourth line
+
+
+
+Fifth line
+ ",
+ " ",
+ " ",
+ " "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-child02/source.vue b/tests/fixtures/utils/selector/pseudo-nth-last-child02/source.vue
new file mode 100644
index 000000000..d1dd955ad
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-child02/source.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-child03/result.json b/tests/fixtures/utils/selector/pseudo-nth-last-child03/result.json
new file mode 100644
index 000000000..2689bca7e
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-child03/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": "tr:nth-last-child(2)",
+ "matches": [
+ "
+
+ First line
+
+
+ Second line
+
+
+ Third line
+
+
+ Fourth line
+
+
+
+Fifth line
+ "
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-child03/source.vue b/tests/fixtures/utils/selector/pseudo-nth-last-child03/source.vue
new file mode 100644
index 000000000..2ed0c08e0
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-child03/source.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-of-type01/result.json b/tests/fixtures/utils/selector/pseudo-nth-last-of-type01/result.json
new file mode 100644
index 000000000..5551832f8
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-of-type01/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": "span:nth-last-of-type(2)",
+ "matches": [
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-of-type01/source.vue b/tests/fixtures/utils/selector/pseudo-nth-last-of-type01/source.vue
new file mode 100644
index 000000000..f70494bec
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-of-type01/source.vue
@@ -0,0 +1,11 @@
+
+
+
+
+ First line
+
+
+ Second line
+
+
+ Third line
+
+
+ Fourth line
+
+
+
+Fifth line
+
+ This is a span.
+ This is another span.
+ This is emphasized.
+ Wow, this span gets limed!!!
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-of-type02/result.json b/tests/fixtures/utils/selector/pseudo-nth-last-of-type02/result.json
new file mode 100644
index 000000000..9562919e5
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-of-type02/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": ":nth-last-of-type(2)",
+ "matches": [
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/pseudo-nth-last-of-type02/source.vue b/tests/fixtures/utils/selector/pseudo-nth-last-of-type02/source.vue
new file mode 100644
index 000000000..7f97ff7d4
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-last-of-type02/source.vue
@@ -0,0 +1,11 @@
+
+
+ This is struck through.
+ Here is one last span.
+
+ This is a span.
+ This is another span.
+ This is emphasized.
+ Wow, this span gets limed!!!
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type01/result.json b/tests/fixtures/utils/selector/pseudo-nth-of-type01/result.json
new file mode 100644
index 000000000..95f6d8603
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type01/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": "p:nth-of-type(2n+1)",
+ "matches": [
+ "This is struck through.
+ Here is one last span.
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type02/result.json b/tests/fixtures/utils/selector/pseudo-nth-of-type02/result.json
new file mode 100644
index 000000000..3a6016733
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type02/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": "p:nth-of-type(2n)",
+ "matches": [
+ "This element isn't counted.
+ This element isn't counted.
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type03/result.json b/tests/fixtures/utils/selector/pseudo-nth-of-type03/result.json
new file mode 100644
index 000000000..3ff49b5af
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type03/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": "p.fancy:nth-of-type(2n+1)",
+ "matches": [
+ "This element isn't counted.
+ This element isn't counted.
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-nth-of-type04/result.json b/tests/fixtures/utils/selector/pseudo-nth-of-type04/result.json
new file mode 100644
index 000000000..8570c4ccd
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-nth-of-type04/result.json
@@ -0,0 +1,9 @@
+{
+ "selector": ":nth-of-type(2n)",
+ "matches": [
+ "This element isn't counted.
+ This element isn't counted.
+ ",
+ "
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-only-child/result.json b/tests/fixtures/utils/selector/pseudo-only-child/result.json
new file mode 100644
index 000000000..b70fc9b19
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-only-child/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": "li:only-child",
+ "matches": [
+ "This element isn't counted.
+ This element isn't counted.
+
+
+
diff --git a/tests/fixtures/utils/selector/pseudo-only-of-type/result.json b/tests/fixtures/utils/selector/pseudo-only-of-type/result.json
new file mode 100644
index 000000000..330fcd4b3
--- /dev/null
+++ b/tests/fixtures/utils/selector/pseudo-only-of-type/result.json
@@ -0,0 +1,8 @@
+{
+ "selector": "main :only-of-type",
+ "matches": [
+ "
+
+
+
+ I am `div` #1.
+ I am `div` #2.
+ I am `div` #3.
+ I am the only `i` child.
+ I am `em` #1.
+ I am `em` #2.
+
+
+
+ ",
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/tag01/source.vue b/tests/fixtures/utils/selector/tag01/source.vue
new file mode 100644
index 000000000..695f8978f
--- /dev/null
+++ b/tests/fixtures/utils/selector/tag01/source.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/selector/tag02/result.json b/tests/fixtures/utils/selector/tag02/result.json
new file mode 100644
index 000000000..be68df38f
--- /dev/null
+++ b/tests/fixtures/utils/selector/tag02/result.json
@@ -0,0 +1,7 @@
+{
+ "selector": "p",
+ "matches": [
+ "
+
+
+
+
+
+",
+ "",
+ ""
+ ],
+ "errors": []
+}
\ No newline at end of file
diff --git a/tests/fixtures/utils/selector/universal/source.vue b/tests/fixtures/utils/selector/universal/source.vue
new file mode 100644
index 000000000..edc4361d8
--- /dev/null
+++ b/tests/fixtures/utils/selector/universal/source.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/tests/fixtures/utils/ts-utils/src/test.ts b/tests/fixtures/utils/ts-utils/src/test.ts
new file mode 100644
index 000000000..e69de29bb
diff --git a/tests/fixtures/utils/ts-utils/src/test.vue b/tests/fixtures/utils/ts-utils/src/test.vue
new file mode 100644
index 000000000..5bf03f4a7
--- /dev/null
+++ b/tests/fixtures/utils/ts-utils/src/test.vue
@@ -0,0 +1 @@
+
diff --git a/tests/fixtures/utils/ts-utils/tsconfig.json b/tests/fixtures/utils/ts-utils/tsconfig.json
new file mode 100644
index 000000000..f35717b90
--- /dev/null
+++ b/tests/fixtures/utils/ts-utils/tsconfig.json
@@ -0,0 +1,9 @@
+{
+ "compilerOptions": {
+ "strict": true,
+ "skipLibCheck": true,
+ "module": "Node16",
+ "moduleResolution": "Node16",
+ },
+ "include": ["./src/*.ts","./src/*.vue"],
+}
diff --git a/tests/integrations/eslint-plugin-import.js b/tests/integrations/eslint-plugin-import.js
new file mode 100644
index 000000000..6f4be7acf
--- /dev/null
+++ b/tests/integrations/eslint-plugin-import.js
@@ -0,0 +1,40 @@
+/**
+ * @author Toru Nagashima Hello
+
+
+
diff --git a/tests/integrations/eslint-plugin-import/package.json b/tests/integrations/eslint-plugin-import/package.json
new file mode 100644
index 000000000..6de5b12e5
--- /dev/null
+++ b/tests/integrations/eslint-plugin-import/package.json
@@ -0,0 +1,15 @@
+{
+ "private": true,
+ "name": "integration-test-for-eslint-plugin-import",
+ "version": "1.0.0",
+ "description": "Integration test for eslint-plugin-import",
+ "scripts": {},
+ "keywords": [],
+ "author": "Toru Nagashima (https://github.com/mysticatea)",
+ "license": "MIT",
+ "dependencies": {
+ "eslint": "^7.0.0",
+ "eslint-plugin-import": "~2.23.4",
+ "eslint-plugin-vue": "file:../../.."
+ }
+}
diff --git a/tests/integrations/flat-config.js b/tests/integrations/flat-config.js
new file mode 100644
index 000000000..9dd2f2ad8
--- /dev/null
+++ b/tests/integrations/flat-config.js
@@ -0,0 +1,37 @@
+'use strict'
+
+const { strict: assert } = require('assert')
+const cp = require('child_process')
+const path = require('path')
+const semver = require('semver')
+
+const TARGET_DIR = path.join(__dirname, 'flat-config')
+const ESLINT = `.${path.sep}node_modules${path.sep}.bin${path.sep}eslint`
+
+describe('Integration with flat config', () => {
+ beforeAll(() => {
+ cp.execSync('npm i -f', { cwd: TARGET_DIR, stdio: 'inherit' })
+ })
+
+ it('should lint without errors', () => {
+ if (
+ !semver.satisfies(
+ process.version,
+ require(
+ path.join(__dirname, 'flat-config/node_modules/eslint/package.json')
+ ).engines.node
+ )
+ ) {
+ return
+ }
+
+ const result = JSON.parse(
+ cp.execSync(`${ESLINT} a.vue --format=json`, {
+ cwd: TARGET_DIR,
+ encoding: 'utf8'
+ })
+ )
+ assert.strictEqual(result.length, 1)
+ assert.deepStrictEqual(result[0].messages, [])
+ })
+})
diff --git a/tests/integrations/flat-config/.npmrc b/tests/integrations/flat-config/.npmrc
new file mode 100644
index 000000000..43c97e719
--- /dev/null
+++ b/tests/integrations/flat-config/.npmrc
@@ -0,0 +1 @@
+package-lock=false
diff --git a/tests/integrations/flat-config/a.vue b/tests/integrations/flat-config/a.vue
new file mode 100644
index 000000000..03610f638
--- /dev/null
+++ b/tests/integrations/flat-config/a.vue
@@ -0,0 +1,11 @@
+
+
+ Hello
+
+
+
diff --git a/tests/integrations/flat-config/eslint.config.js b/tests/integrations/flat-config/eslint.config.js
new file mode 100644
index 000000000..9fed1e61d
--- /dev/null
+++ b/tests/integrations/flat-config/eslint.config.js
@@ -0,0 +1,9 @@
+const plugin = require('eslint-plugin-vue')
+module.exports = [
+ ...plugin.configs['flat/base'],
+ {
+ rules: {
+ 'vue/no-duplicate-attributes': 'error'
+ }
+ }
+]
diff --git a/tests/integrations/flat-config/package.json b/tests/integrations/flat-config/package.json
new file mode 100644
index 000000000..e46b5e1b6
--- /dev/null
+++ b/tests/integrations/flat-config/package.json
@@ -0,0 +1,13 @@
+{
+ "private": true,
+ "name": "integration-test-for-flat-config",
+ "version": "1.0.0",
+ "description": "Integration test for flat config",
+ "scripts": {},
+ "keywords": [],
+ "license": "MIT",
+ "dependencies": {
+ "eslint": "^9.0.0-0",
+ "eslint-plugin-vue": "file:../../.."
+ }
+}
diff --git a/tests/lib/autofix.js b/tests/lib/autofix.js
new file mode 100644
index 000000000..0711b931c
--- /dev/null
+++ b/tests/lib/autofix.js
@@ -0,0 +1,173 @@
+/**
+ * @author Yosuke Ota Hello
+
+ `
+ const result = await eslint.lintText(code, { filePath: 'test.vue' })
+
+ assert.deepStrictEqual(result[0].messages, [])
+ })
+
+ it('should work the suppress comments with recommended config', async () => {
+ if (!FlatESLint) return
+ const recommended = plugin.configs['flat/recommended']
+ const eslint = new FlatESLint({
+ overrideConfigFile: true,
+ overrideConfig: recommended
+ })
+ const code = `
+
+
+ Hello
+
+`
+ const result = await eslint.lintText(code, { filePath: 'MyComponent.vue' })
+
+ assert.deepStrictEqual(result[0].messages, [])
+ })
+
+ it('should error with recommended config', async () => {
+ if (!FlatESLint) return
+ const recommended = plugin.configs['flat/recommended']
+ const eslint = new FlatESLint({
+ overrideConfigFile: true,
+ overrideConfig: recommended
+ })
+ const code = `
+
+ Hello
+
+`
+ const result = await eslint.lintText(code, { filePath: 'MyComponent.vue' })
+
+ assert.deepStrictEqual(
+ result[0].messages.map((message) => message.ruleId),
+ [
+ 'vue/no-parsing-error',
+ 'vue/max-attributes-per-line',
+ 'vue/no-duplicate-attributes',
+ 'vue/singleline-html-element-content-newline',
+ 'vue/singleline-html-element-content-newline'
+ ]
+ )
+ })
+})
diff --git a/tests/lib/meta.js b/tests/lib/meta.js
new file mode 100644
index 000000000..f9012ce03
--- /dev/null
+++ b/tests/lib/meta.js
@@ -0,0 +1,20 @@
+'use strict'
+
+const assert = require('assert')
+const plugin = require('../..')
+const expectedMeta = {
+ name: 'eslint-plugin-vue',
+ version: require('../../package.json').version
+}
+
+describe('Test for meta object', () => {
+ it('A plugin should have a meta object.', () => {
+ assert.deepStrictEqual(plugin.meta, expectedMeta)
+ })
+
+ for (const [name, processor] of Object.entries(plugin.processors)) {
+ it(`"${name}" processor should have a meta object.`, () => {
+ assert.deepStrictEqual(processor.meta, expectedMeta)
+ })
+ }
+})
diff --git a/tests/lib/rules-without-vue-eslint-parser.js b/tests/lib/rules-without-vue-eslint-parser.js
new file mode 100644
index 000000000..e5977f1e2
--- /dev/null
+++ b/tests/lib/rules-without-vue-eslint-parser.js
@@ -0,0 +1,48 @@
+/**
+ * @author Toru Nagashima TEST'
+
+ for (const key of Object.keys(rules)) {
+ const ruleId = `vue/${key}`
+
+ it(ruleId, () => {
+ const linter = new Linter()
+ const config = {
+ files: ['*.vue', '*.js'],
+ languageOptions: {
+ ecmaVersion: 2015,
+ parserOptions: { ecmaFeatures: { jsx: true } }
+ },
+ plugins: {
+ vue: {
+ rules: {
+ [key]: rules[key]
+ }
+ }
+ },
+ rules: {
+ [ruleId]: 'error'
+ }
+ }
+ const resultVue = linter.verifyAndFix(code, config, 'test.vue')
+ for (const { message } of resultVue.messages) {
+ assert.strictEqual(
+ message,
+ 'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error.'
+ )
+ }
+
+ const resultJs = linter.verifyAndFix(code, config, 'test.js')
+ assert.strictEqual(resultJs.messages.length, 0)
+ })
+ }
+})
diff --git a/tests/lib/rules-without-vue-sfc.js b/tests/lib/rules-without-vue-sfc.js
new file mode 100644
index 000000000..7a8b668a9
--- /dev/null
+++ b/tests/lib/rules-without-vue-sfc.js
@@ -0,0 +1,38 @@
+/**
+ * @author Yosuke Ota ',
+ options: ['always']
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ options: ['always']
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ options: ['never']
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ options: ['never']
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ options: ['always']
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ options: ['never']
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ options: ['always']
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ options: ['never']
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ options: ['always']
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ options: ['never']
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+ ',
+ output: '',
+ options: ['never'],
+ errors: [
+ {
+ message: "Attribute 'my-prop' can't be hyphenated.",
+ type: 'VIdentifier',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 37
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['always'],
+ errors: [
+ {
+ message: "Attribute 'MyProp' must be hyphenated.",
+ type: 'VIdentifier',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 36
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output:
+ '',
+ options: ['never'],
+ errors: [
+ {
+ message: "Attribute ':my-prop' can't be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 39
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['always'],
+ errors: [
+ {
+ message: "Attribute ':MyProp' must be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 38
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output:
+ '',
+ options: ['never'],
+ errors: [
+ {
+ message: "Attribute 'v-bind:my-prop' can't be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 45
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['always'],
+ errors: [
+ {
+ message: "Attribute 'v-bind:MyProp' must be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 44
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['always', { ignore: [] }],
+ errors: [
+ {
+ message: "Attribute 'v-bind:MyProp' must be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 44
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output:
+ '',
+ options: ['never', { ignore: ['my-prop'] }],
+ errors: [
+ {
+ message: "Attribute ':second-prop' can't be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 46,
+ endLine: 1,
+ endColumn: 65
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output:
+ '',
+ options: ['always', { ignore: ['secondProp'] }],
+ errors: [
+ {
+ message: "Attribute 'v-bind:myProp' must be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 44
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output:
+ '',
+ options: ['always', { ignore: ['secondPropID'] }],
+ errors: [
+ {
+ message: "Attribute 'v-bind:propID' must be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 44
+ }
+ ]
+ },
+ {
+ // https://github.com/vuejs/eslint-plugin-vue/issues/2510
+ filename: 'test.vue',
+ code: '',
+ output:
+ '',
+ options: ['never'],
+ errors: [
+ {
+ message: "Attribute 'v-model:my-prop' can't be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 46
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output:
+ '',
+ options: ['always'],
+ errors: [
+ {
+ message: "Attribute 'v-model:myProp' must be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 45
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['always'],
+ errors: [
+ {
+ message: "Attribute 'v-model:MyProp' must be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 45
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+ ',
+ output: '',
+ options: ['never'],
+ errors: [
+ {
+ message: "Attribute 'my-prop' can't be hyphenated.",
+ type: 'VIdentifier',
+ line: 1,
+ column: 22,
+ endLine: 1,
+ endColumn: 35
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['always'],
+ errors: [
+ {
+ message: "Attribute 'MyProp' must be hyphenated.",
+ type: 'VIdentifier',
+ line: 1,
+ column: 22,
+ endLine: 1,
+ endColumn: 34
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['always'],
+ errors: [
+ {
+ message: "Attribute ':attr_Gg' must be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 39
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['always'],
+ errors: [
+ {
+ message: "Attribute ':Attr_Hh' must be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 39
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['always'],
+ errors: [
+ {
+ message: "Attribute ':_attr_Jj' must be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 40
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['always'],
+ errors: [
+ {
+ message: "Attribute ':_attrKk' must be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 39
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['always'],
+ errors: [
+ {
+ message: "Attribute ':_AttrLl' must be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 39
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['never'],
+ errors: [
+ {
+ message: "Attribute ':my-custom_prop' can't be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 46
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['always'],
+ errors: [
+ {
+ message: "Attribute ':myAge.sync' must be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 42
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: null,
+ options: ['never'],
+ errors: [
+ {
+ message: "Attribute ':my-age.sync' can't be hyphenated.",
+ type: 'VDirectiveKey',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 43
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `
+ },
+ {
+ filename: 'test.vue',
+ code: ''
+ },
+ {
+ filename: 'test.vue',
+ code: ''
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `
+ },
+ {
+ filename: 'test.vue',
+ code: ''
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ options: [
+ {
+ order: [
+ 'LIST_RENDERING',
+ 'CONDITIONALS',
+ 'RENDER_MODIFIERS',
+ 'GLOBAL',
+ 'UNIQUE',
+ 'TWO_WAY_BINDING',
+ 'OTHER_DIRECTIVES',
+ 'OTHER_ATTR',
+ 'EVENTS',
+ 'CONTENT',
+ 'DEFINITION'
+ ]
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ options: [
+ {
+ order: [
+ 'LIST_RENDERING',
+ 'CONDITIONALS',
+ 'RENDER_MODIFIERS',
+ 'GLOBAL',
+ 'UNIQUE',
+ 'TWO_WAY_BINDING',
+ 'DEFINITION',
+ 'OTHER_DIRECTIVES',
+ 'OTHER_ATTR',
+ 'EVENTS',
+ 'CONTENT'
+ ]
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ options: [
+ {
+ order: [
+ 'CONDITIONALS',
+ 'LIST_RENDERING',
+ 'RENDER_MODIFIERS',
+ 'DEFINITION',
+ 'EVENTS',
+ 'UNIQUE',
+ 'TWO_WAY_BINDING',
+ 'CONTENT',
+ 'GLOBAL',
+ 'OTHER_ATTR',
+ 'OTHER_DIRECTIVES'
+ ]
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ options: [
+ {
+ order: [
+ 'CONDITIONALS',
+ 'LIST_RENDERING',
+ 'RENDER_MODIFIERS',
+ 'DEFINITION',
+ 'EVENTS',
+ 'UNIQUE',
+ ['TWO_WAY_BINDING', 'OTHER_ATTR'],
+ 'CONTENT',
+ 'GLOBAL'
+ ]
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ options: [{ alphabetical: true }]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ options: [{ alphabetical: true }]
+ },
+ {
+ filename: 'duplicate.vue',
+ code: `
+
+
+ `,
+ options: [{ alphabetical: true }]
+ },
+ {
+ filename: 'duplicate.vue',
+ code: `
+
+
+ `,
+ options: [{ alphabetical: true }]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ options: [{ alphabetical: true }]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ options: [{ alphabetical: true }]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ options: [{ alphabetical: true }]
+ },
+
+ // v-bind="..."
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ options: [{ alphabetical: true }]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ options: [{ alphabetical: true }]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ options: [{ alphabetical: true }]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ options: [{ alphabetical: true }]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `
+ },
+
+ // omit order
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ options: [{ order: ['LIST_RENDERING', 'CONDITIONALS'] }]
+ },
+
+ // https://github.com/vuejs/eslint-plugin-vue/issues/1728
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ options: [
+ {
+ order: ['ATTR_DYNAMIC', 'ATTR_STATIC'],
+ alphabetical: false
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ options: [
+ {
+ order: ['TWO_WAY_BINDING', 'ATTR_DYNAMIC', 'ATTR_STATIC'],
+ alphabetical: false
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ options: [
+ {
+ order: [
+ 'DEFINITION',
+ 'LIST_RENDERING',
+ 'CONDITIONALS',
+ 'RENDER_MODIFIERS',
+ 'GLOBAL',
+ ['UNIQUE', 'SLOT'],
+ 'TWO_WAY_BINDING',
+ 'OTHER_DIRECTIVES',
+ 'ATTR_STATIC',
+ 'ATTR_DYNAMIC',
+ 'EVENTS',
+ 'CONTENT'
+ ],
+ alphabetical: false
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ options: [
+ {
+ order: [
+ 'DEFINITION',
+ 'LIST_RENDERING',
+ 'CONDITIONALS',
+ 'RENDER_MODIFIERS',
+ 'GLOBAL',
+ ['UNIQUE', 'SLOT'],
+ 'TWO_WAY_BINDING',
+ 'OTHER_DIRECTIVES',
+ ['ATTR_STATIC', 'ATTR_DYNAMIC'],
+ 'EVENTS',
+ 'CONTENT'
+ ],
+ alphabetical: false
+ }
+ ]
+ },
+
+ // https://github.com/vuejs/eslint-plugin-vue/issues/1870
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ options: [
+ {
+ order: [
+ 'DEFINITION',
+ 'LIST_RENDERING',
+ 'CONDITIONALS',
+ 'RENDER_MODIFIERS',
+ 'GLOBAL',
+ ['UNIQUE', 'SLOT'],
+ 'TWO_WAY_BINDING',
+ 'OTHER_DIRECTIVES',
+ 'ATTR_SHORTHAND_BOOL',
+ 'ATTR_STATIC',
+ 'ATTR_DYNAMIC',
+ 'EVENTS',
+ 'CONTENT'
+ ],
+ alphabetical: false
+ }
+ ]
+ }
+ ],
+
+ invalid: [
+ {
+ filename: 'test.vue',
+ code: '',
+ output: '',
+ errors: [
+ {
+ message: 'Attribute "is" should go before "v-cloak".',
+ type: 'VAttribute',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 35
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output: '',
+ errors: [
+ {
+ message: 'Attribute "v-cloak" should go before "id".',
+ type: 'VAttribute',
+ line: 1,
+ column: 30,
+ endLine: 1,
+ endColumn: 37
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ errors: [
+ {
+ message: 'Attribute "v-model" should go before "model".',
+ type: 'VAttribute',
+ line: 4,
+ column: 15,
+ endLine: 4,
+ endColumn: 31
+ },
+ {
+ message: 'Attribute ":id" should go before "propOne".',
+ type: 'VAttribute',
+ line: 6,
+ column: 15,
+ endLine: 6,
+ endColumn: 24
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ errors: [
+ {
+ message: 'Attribute "v-model" should go before "v-on".',
+ type: 'VAttribute',
+ line: 6,
+ column: 15,
+ endLine: 6,
+ endColumn: 31
+ },
+ {
+ message: 'Attribute "propOne" should go before "v-on".',
+ type: 'VAttribute',
+ line: 7,
+ column: 15,
+ endLine: 7,
+ endColumn: 28
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output:
+ '',
+ errors: [
+ {
+ message: 'Attribute "is" should go before "aria-test".',
+ type: 'VAttribute',
+ line: 1,
+ column: 46,
+ endLine: 1,
+ endColumn: 57
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: '',
+ output:
+ '',
+ options: [
+ {
+ order: [
+ 'LIST_RENDERING',
+ 'CONDITIONALS',
+ 'RENDER_MODIFIERS',
+ 'GLOBAL',
+ 'UNIQUE',
+ 'TWO_WAY_BINDING',
+ 'DEFINITION',
+ 'OTHER_DIRECTIVES',
+ 'OTHER_ATTR',
+ 'EVENTS',
+ 'CONTENT'
+ ]
+ }
+ ],
+ errors: [
+ {
+ message: 'Attribute "is" should go before "propone".',
+ type: 'VAttribute',
+ line: 1,
+ column: 44,
+ endLine: 1,
+ endColumn: 55
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ errors: [
+ {
+ message: 'Attribute "is" should go before "v-cloak".',
+ type: 'VAttribute',
+ line: 3,
+ column: 15,
+ endLine: 3,
+ endColumn: 26
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ errors: [
+ {
+ message: 'Attribute "v-for" should go before "v-if".',
+ type: 'VAttribute',
+ line: 4,
+ column: 15,
+ endLine: 4,
+ endColumn: 36
+ },
+ {
+ message: 'Attribute "is" should go before "v-once".',
+ type: 'VAttribute',
+ line: 6,
+ column: 15,
+ endLine: 6,
+ endColumn: 26
+ },
+ {
+ message: 'Attribute "ref" should go before "v-on:click".',
+ type: 'VAttribute',
+ line: 8,
+ column: 15,
+ endLine: 8,
+ endColumn: 27
+ },
+ {
+ message: 'Attribute ":prop" should go before "v-on:click".',
+ type: 'VAttribute',
+ line: 9,
+ column: 15,
+ endLine: 9,
+ endColumn: 33
+ },
+ {
+ message: 'Attribute "id" should go before "v-text".',
+ type: 'VAttribute',
+ line: 11,
+ column: 15,
+ endLine: 11,
+ endColumn: 28
+ },
+ {
+ message: 'Attribute "myProp" should go before "v-text".',
+ type: 'VAttribute',
+ line: 12,
+ column: 15,
+ endLine: 12,
+ endColumn: 28
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [
+ {
+ order: [
+ 'EVENTS',
+ 'TWO_WAY_BINDING',
+ 'UNIQUE',
+ 'DEFINITION',
+ 'CONDITIONALS',
+ 'LIST_RENDERING',
+ 'RENDER_MODIFIERS',
+ 'GLOBAL',
+ 'OTHER_ATTR',
+ 'OTHER_DIRECTIVES',
+ 'CONTENT'
+ ]
+ }
+ ],
+ errors: [
+ {
+ message: 'Attribute "is" should go before "v-once".',
+ type: 'VAttribute',
+ line: 6,
+ column: 15,
+ endLine: 6,
+ endColumn: 26
+ },
+ {
+ message: 'Attribute "v-on:click" should go before "v-once".',
+ type: 'VAttribute',
+ line: 7,
+ column: 15,
+ endLine: 7,
+ endColumn: 40
+ },
+ {
+ message: 'Attribute "ref" should go before "v-once".',
+ type: 'VAttribute',
+ line: 8,
+ column: 15,
+ endLine: 8,
+ endColumn: 27
+ },
+ {
+ message: 'Attribute "id" should go before "v-text".',
+ type: 'VAttribute',
+ line: 11,
+ column: 15,
+ endLine: 11,
+ endColumn: 28
+ },
+ {
+ message: 'Attribute "myProp" should go before "v-text".',
+ type: 'VAttribute',
+ line: 12,
+ column: 15,
+ endLine: 12,
+ endColumn: 28
+ }
+ ]
+ },
+ {
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [
+ {
+ order: [
+ 'CONDITIONALS',
+ 'LIST_RENDERING',
+ 'RENDER_MODIFIERS',
+ 'DEFINITION',
+ 'EVENTS',
+ 'UNIQUE',
+ ['TWO_WAY_BINDING', 'OTHER_ATTR'],
+ 'CONTENT',
+ 'GLOBAL'
+ ]
+ }
+ ],
+ errors: [
+ {
+ message: 'Attribute "v-if" should go before "class".',
+ type: 'VAttribute',
+ line: 4,
+ column: 15,
+ endLine: 4,
+ endColumn: 30
+ }
+ ]
+ },
+ {
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "a-prop" should go before "z-prop".',
+ type: 'VAttribute',
+ line: 4,
+ column: 13,
+ endLine: 4,
+ endColumn: 23
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute ":a-prop" should go before ":z-prop".',
+ type: 'VAttribute',
+ line: 4,
+ column: 13,
+ endLine: 4,
+ endColumn: 24
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "@change" should go before "@input".',
+ type: 'VAttribute',
+ line: 4,
+ column: 13,
+ endLine: 4,
+ endColumn: 26
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "boolean-prop" should go before "z-prop".',
+ type: 'VAttribute',
+ line: 4,
+ column: 13,
+ endLine: 4,
+ endColumn: 25
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "v-on:[c]" should go before "v-on:click".',
+ type: 'VAttribute',
+ line: 4,
+ column: 13,
+ endLine: 4,
+ endColumn: 36
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "v-on:click" should go before "v-text".',
+ type: 'VAttribute',
+ line: 4,
+ column: 13,
+ endLine: 4,
+ endColumn: 38
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+ `,
+ output: `
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "class" should go before ":class".',
+ line: 4,
+ column: 13,
+ endLine: 4,
+ endColumn: 24
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "v-if" should go before "v-show".',
+ line: 4,
+ column: 13,
+ endLine: 4,
+ endColumn: 23
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "v-bar" should go before "v-foo".',
+ line: 4,
+ column: 13,
+ endLine: 4,
+ endColumn: 24
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "v-foo.a" should go before "v-foo.b".',
+ line: 4,
+ column: 13,
+ endLine: 4,
+ endColumn: 24
+ }
+ ]
+ },
+
+ {
+ filename: 'test.vue',
+ code: '',
+ output: '',
+ errors: [
+ {
+ message: 'Attribute "v-is" should go before "v-cloak".',
+ line: 1,
+ column: 24,
+ endLine: 1,
+ endColumn: 34
+ }
+ ]
+ },
+
+ // v-bind="..."
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ errors: [
+ {
+ message: 'Attribute "v-if" should go before "v-bind:id".',
+ line: 6,
+ column: 11,
+ endLine: 6,
+ endColumn: 19
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ errors: [
+ {
+ message: 'Attribute "v-if" should go before "v-bind:id".',
+ line: 5,
+ column: 11,
+ endLine: 5,
+ endColumn: 19
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ errors: [
+ {
+ message: 'Attribute "v-if" should go before "v-bind:id".',
+ line: 6,
+ column: 11,
+ endLine: 6,
+ endColumn: 19
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "v-bind:id" should go before "v-on:click".',
+ line: 5,
+ column: 11,
+ endLine: 5,
+ endColumn: 24
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "v-bind" should go before "v-on:click".',
+ line: 6,
+ column: 11,
+ endLine: 6,
+ endColumn: 21
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "v-bind:id" should go before "v-on:click".',
+ line: 6,
+ column: 11,
+ endLine: 6,
+ endColumn: 24
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "v-bind:a" should go before "v-on:click".',
+ line: 5,
+ column: 11,
+ endLine: 5,
+ endColumn: 23
+ },
+ {
+ message: 'Attribute "v-if" should go before "v-on:click".',
+ line: 7,
+ column: 11,
+ endLine: 7,
+ endColumn: 19
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "v-bind" should go before "v-on:click".',
+ line: 6,
+ column: 11,
+ endLine: 6,
+ endColumn: 21
+ },
+ {
+ message: 'Attribute "v-if" should go before "v-on:click".',
+ line: 7,
+ column: 11,
+ endLine: 7,
+ endColumn: 19
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "v-if" should go before "a".',
+ line: 6,
+ column: 11,
+ endLine: 6,
+ endColumn: 19
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: [{ alphabetical: true }],
+ errors: [
+ {
+ message: 'Attribute "v-bind" should go before "v-on:click".',
+ line: 5,
+ column: 11,
+ endLine: 5,
+ endColumn: 21
+ },
+ {
+ message: 'Attribute "v-if" should go before "v-on:click".',
+ line: 6,
+ column: 11,
+ endLine: 6,
+ endColumn: 19
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ errors: [
+ {
+ message: 'Attribute "v-model" should go before "v-custom-directive".',
+ line: 6,
+ column: 11,
+ endLine: 6,
+ endColumn: 22
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ errors: [
+ {
+ message: 'Attribute "v-bind:id" should go before "v-model".',
+ line: 7,
+ column: 11,
+ endLine: 7,
+ endColumn: 24
+ }
+ ]
+ },
+
+ // omit order
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: [{ order: ['LIST_RENDERING', 'CONDITIONALS'] }],
+ errors: [
+ {
+ message: 'Attribute "v-for" should go before "v-if".',
+ line: 6,
+ column: 11,
+ endLine: 6,
+ endColumn: 29
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: [{ order: ['LIST_RENDERING', 'CONDITIONALS'] }],
+ errors: [
+ {
+ message: 'Attribute "v-for" should go before "v-if".',
+ line: 6,
+ column: 11,
+ endLine: 6,
+ endColumn: 29
+ }
+ ]
+ },
+
+ // slot
+ {
+ filename: 'test.vue',
+ code: '',
+ output:
+ '',
+ options: [
+ {
+ order: [
+ 'UNIQUE',
+ 'LIST_RENDERING',
+ 'CONDITIONALS',
+ 'RENDER_MODIFIERS',
+ 'GLOBAL',
+ 'TWO_WAY_BINDING',
+ 'OTHER_DIRECTIVES',
+ 'OTHER_ATTR',
+ 'EVENTS',
+ 'CONTENT',
+ 'DEFINITION',
+ 'SLOT'
+ ]
+ }
+ ],
+ errors: [
+ {
+ message: 'Attribute "bar" should go before "v-slot".',
+ line: 1,
+ column: 43,
+ endLine: 1,
+ endColumn: 52
+ }
+ ]
+ },
+
+ {
+ filename: 'test.vue',
+ code: '',
+ output:
+ '',
+ options: [
+ {
+ order: [
+ 'UNIQUE',
+ 'LIST_RENDERING',
+ 'CONDITIONALS',
+ 'RENDER_MODIFIERS',
+ 'GLOBAL',
+ 'TWO_WAY_BINDING',
+ 'OTHER_DIRECTIVES',
+ 'OTHER_ATTR',
+ 'EVENTS',
+ 'CONTENT',
+ 'DEFINITION',
+ 'SLOT'
+ ]
+ }
+ ],
+ errors: [
+ {
+ message: 'Attribute "ref" should go before "bar".',
+ line: 1,
+ column: 26,
+ endLine: 1,
+ endColumn: 35
+ }
+ ]
+ },
+
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ errors: [
+ {
+ message: 'Attribute "v-if" should go before "v-bind".',
+ line: 5,
+ column: 11,
+ endLine: 5,
+ endColumn: 22
+ },
+ {
+ message: 'Attribute "ref" should go before "v-model".',
+ line: 7,
+ column: 11,
+ endLine: 7,
+ endColumn: 20
+ }
+ ]
+ },
+
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ errors: [
+ {
+ message: 'Attribute "v-bind" should go before "@click".',
+ line: 5,
+ column: 11,
+ endLine: 5,
+ endColumn: 26
+ }
+ ]
+ },
+
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ errors: [
+ {
+ message: 'Attribute "v-bind" should go before "@click".',
+ line: 6,
+ column: 11,
+ endLine: 6,
+ endColumn: 26
+ }
+ ]
+ },
+
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [{ order: ['UNIQUE', 'EVENTS', 'OTHER_ATTR'] }],
+ errors: [
+ {
+ message: 'Attribute "@input" should go before "v-bind".',
+ line: 7,
+ column: 11,
+ endLine: 7,
+ endColumn: 31
+ }
+ ]
+ },
+
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [{ order: ['UNIQUE', 'EVENTS', 'OTHER_ATTR'] }],
+ errors: [
+ {
+ message: 'Attribute "@click" should go before "v-bind".',
+ line: 5,
+ column: 11,
+ endLine: 5,
+ endColumn: 31
+ }
+ ]
+ },
+
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [{ order: ['ATTR_STATIC', 'ATTR_DYNAMIC'] }],
+ errors: [
+ {
+ message: 'Attribute "prop-two" should go before "v-bind:prop-one".',
+ line: 5,
+ column: 11,
+ endLine: 5,
+ endColumn: 23
+ }
+ ]
+ },
+
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [
+ {
+ order: [
+ 'LIST_RENDERING',
+ 'CONDITIONALS',
+ 'RENDER_MODIFIERS',
+ 'TWO_WAY_BINDING',
+ 'OTHER_DIRECTIVES',
+ 'ATTR_DYNAMIC',
+ 'ATTR_STATIC',
+ 'ATTR_SHORTHAND_BOOL',
+ 'EVENTS'
+ ]
+ }
+ ],
+ errors: [
+ {
+ message: 'Attribute "v-model" should go before ":prop-one".',
+ line: 5,
+ column: 11,
+ endLine: 5,
+ endColumn: 26
+ },
+ {
+ message: 'Attribute ":prop-three" should go before "prop-two".',
+ line: 7,
+ column: 11,
+ endLine: 7,
+ endColumn: 26
+ }
+ ]
+ },
+
+ {
+ filename: 'test.vue',
+ code: `
+
+
+ `,
+ output: `
+
+
+ `,
+ options: [
+ {
+ order: [
+ 'UNIQUE',
+ 'LIST_RENDERING',
+ 'CONDITIONALS',
+ 'RENDER_MODIFIERS',
+ 'GLOBAL',
+ 'TWO_WAY_BINDING',
+ 'OTHER_DIRECTIVES',
+ ['ATTR_STATIC', 'ATTR_DYNAMIC', 'ATTR_SHORTHAND_BOOL'],
+ 'EVENTS',
+ 'CONTENT',
+ 'DEFINITION',
+ 'SLOT'
+ ]
+ }
+ ],
+ errors: [
+ {
+ message: 'Attribute "v-model" should go before ":prop-one".',
+ line: 5,
+ column: 11,
+ endLine: 5,
+ endColumn: 26
+ }
+ ]
+ }
+ ]
+})
diff --git a/tests/lib/rules/block-lang.js b/tests/lib/rules/block-lang.js
new file mode 100644
index 000000000..af8b837d6
--- /dev/null
+++ b/tests/lib/rules/block-lang.js
@@ -0,0 +1,212 @@
+/**
+ * @author Yosuke Ota
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/block-lang')
+
+const tester = new RuleTester({
+ languageOptions: {
+ parser: require('vue-eslint-parser'),
+ ecmaVersion: 2015
+ }
+})
+
+tester.run('block-lang', rule, {
+ valid: [
+ {
+ code: `
+ `,
+ options: [{ script: { lang: 'ts' } }]
+ },
+ {
+ code: `
+ `,
+ options: [{ script: { lang: 'js' } }]
+ },
+ {
+ code: 'text
',
+ 'text ' should be above '',
+ output: '',
+ options: [{ order: ['script', 'template', 'style'] }],
+ errors: [
+ {
+ message: "'`,
+ output:
+ '\n' +
+ ' \n' +
+ '\n' +
+ ' \n' +
+ '\n' +
+ ' ',
+ errors: [
+ {
+ message: "'
+
+ `,
+ output:
+ '\n' +
+ ' \n' +
+ ' \n' +
+ ' \n' +
+ ' ',
+ options: [{ order: ['script', 'template', 'style'] }],
+ errors: [
+ {
+ message: "'
+
+
+ `,
+ output:
+ '\n' +
+ ' \n' +
+ ' \n' +
+ ' \n' +
+ ' ',
+ options: [{ order: ['template', 'script', 'style'] }],
+ errors: [
+ {
+ message: "'' should be above '
+
+ `,
+ output:
+ '\n' +
+ ' \n\n\n',
+ '\n',
+ '\n\n\n',
+ '\n',
+ {
+ code: '\n\n',
+ options: [{ singleline: 'never', multiline: 'never' }]
+ },
+ {
+ code: '\n\n\n',
+ options: [{ singleline: 'always', multiline: 'always' }]
+ },
+ {
+ code: '\n\n\n\n\n',
+ options: [{ singleline: 'always', multiline: 'always', maxEmptyLines: 1 }]
+ },
+ {
+ code: '\n\n',
+ options: [{ singleline: 'ignore', multiline: 'ignore' }]
+ },
+ {
+ code: '\n',
+ options: [{ multiline: 'never' }]
+ },
+ {
+ code: '\n\n\n\n',
+ options: [{ singleline: 'never' }]
+ },
+ // invalid
+ ''.",
+ line: 1,
+ column: 11,
+ endLine: 1,
+ endColumn: 11
+ },
+ {
+ message: "A line break is required after '',
+ output: '\n\n\n',
+ errors: [
+ {
+ message: "A line break is required before ''.",
+ line: 2,
+ column: 8,
+ endLine: 2,
+ endColumn: 8
+ },
+ {
+ message: "A line break is required before ''.",
+ line: 4,
+ column: 6,
+ endLine: 4,
+ endColumn: 6
+ }
+ ]
+ },
+ {
+ code: '\n\n',
+ output:
+ '\n\n\n\n',
+ errors: [
+ {
+ message: "A line break is required after ''.",
+ line: 1,
+ column: 11,
+ endLine: 1,
+ endColumn: 11
+ },
+ {
+ message: "A line break is required before ''.",
+ line: 2,
+ column: 7,
+ endLine: 2,
+ endColumn: 7
+ },
+ {
+ message: "A line break is required after ''.",
+ line: 4,
+ column: 6,
+ endLine: 4,
+ endColumn: 6
+ }
+ ]
+ },
+ {
+ code: '\n\n\n\n',
+ output: '\n\n',
+ options: [{ singleline: 'never', multiline: 'never' }],
+ errors: [
+ {
+ message: "There should be no line break after ''.",
+ line: 1,
+ column: 11,
+ endLine: 2,
+ endColumn: 1
+ },
+ {
+ message: "There should be no line break after ''.",
+ line: 3,
+ column: 7,
+ endLine: 4,
+ endColumn: 1
+ },
+ {
+ message: "There should be no line break after '',
+ output:
+ '\n\n\n\n',
+ options: [{ singleline: 'always', multiline: 'always' }],
+ errors: [
+ {
+ message: "A line break is required after ''.",
+ line: 1,
+ column: 11,
+ endLine: 1,
+ endColumn: 11
+ },
+ {
+ message: "A line break is required before ''.",
+ line: 2,
+ column: 7,
+ endLine: 2,
+ endColumn: 7
+ },
+ {
+ message: "A line break is required after ''.",
+ line: 3,
+ column: 14,
+ endLine: 3,
+ endColumn: 14
+ }
+ ]
+ },
+ {
+ code: '\n\n\n\n\n',
+ output:
+ '\n\n\n',
+ options: [{ singleline: 'always', multiline: 'always' }],
+ errors: [
+ {
+ message:
+ "Expected 1 line break after '', but 2 line breaks found.",
+ line: 1,
+ column: 11,
+ endLine: 3,
+ endColumn: 1
+ },
+ {
+ message:
+ "Expected 1 line break before '', but 2 line breaks found.",
+ line: 3,
+ column: 8,
+ endLine: 5,
+ endColumn: 1
+ },
+ {
+ message:
+ "Expected 1 line break after '', but 2 line breaks found.",
+ line: 9,
+ column: 6,
+ endLine: 11,
+ endColumn: 1
+ }
+ ]
+ },
+ {
+ code: '\n\n\n\n\n\n',
+ output:
+ '\n\n\n\n\n',
+ options: [
+ { singleline: 'always', multiline: 'always', maxEmptyLines: 1 }
+ ],
+ errors: [
+ {
+ message:
+ "Expected 2 line breaks after '', but 3 line breaks found.",
+ line: 1,
+ column: 11,
+ endLine: 4,
+ endColumn: 1
+ },
+ {
+ message:
+ "Expected 2 line breaks before '', but 3 line breaks found.",
+ line: 10,
+ column: 6,
+ endLine: 13,
+ endColumn: 1
+ }
+ ]
+ },
+ {
+ code: '\n\n\nHello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepStrictEqual(messages, [])
+ })
+
+ it('disable specific rules if ', async () => {
+ const code = `
+
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 1)
+ assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+ })
+
+ it('enable all rules if ', async () => {
+ const code = `
+
+
+ Hello
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 2)
+ assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+ assert.deepEqual(messages[0].line, 6)
+ assert.deepEqual(messages[1].ruleId, 'vue/no-duplicate-attributes')
+ assert.deepEqual(messages[1].line, 6)
+ })
+
+ it('enable specific rules if ', async () => {
+ const code = `
+
+
+ Hello
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 1)
+ assert.deepEqual(messages[0].ruleId, 'vue/no-duplicate-attributes')
+ assert.deepEqual(messages[0].line, 6)
+ })
+
+ it('should not affect to the code in
+ `
+ const messages = await lintMessages(code)
+
+ assert.strictEqual(messages.length, 1)
+ assert.strictEqual(messages[0].ruleId, 'no-unused-vars')
+ })
+
+ it('disable specific rules if ', async () => {
+ const code = `
+
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 0)
+ })
+ })
+
+ describe('eslint-disable-line', () => {
+ it('disable all rules if ', async () => {
+ const code = `
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 0)
+ })
+
+ it('disable specific rules if ', async () => {
+ const code = `
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 1)
+ assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+ })
+
+ it("don't disable rules if is on another line", async () => {
+ const code = `
+
+
+ Hello
+
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 2)
+ assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+ assert.deepEqual(messages[1].ruleId, 'vue/no-duplicate-attributes')
+ })
+ })
+
+ describe('eslint-disable-next-line', () => {
+ it('disable all rules if ', async () => {
+ const code = `
+
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 0)
+ })
+
+ it('disable specific rules if ', async () => {
+ const code = `
+
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 1)
+ assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+ })
+
+ it("don't disable rules if is on another line", async () => {
+ const code = `
+
+
+
+ Hello
+
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 2)
+ assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+ assert.deepEqual(messages[1].ruleId, 'vue/no-duplicate-attributes')
+ })
+
+ it('should affect only the next line', async () => {
+ const code = `
+
+
+ Hello
+ Hello
+
+ `
+
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 2)
+ assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+ assert.deepEqual(messages[0].line, 5)
+ assert.deepEqual(messages[1].ruleId, 'vue/no-duplicate-attributes')
+ assert.deepEqual(messages[1].line, 5)
+ })
+ })
+
+ describe('allow description', () => {
+ it('disable all rules if ', async () => {
+ const code = `
+
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 0)
+ })
+
+ it('enable all rules if ', async () => {
+ const code = `
+
+
+ Hello
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 2)
+ assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+ assert.deepEqual(messages[0].line, 6)
+ assert.deepEqual(messages[1].ruleId, 'vue/no-duplicate-attributes')
+ assert.deepEqual(messages[1].line, 6)
+ })
+
+ it('enable specific rules if ', async () => {
+ const code = `
+
+
+ Hello
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 1)
+ assert.deepEqual(messages[0].ruleId, 'vue/no-duplicate-attributes')
+ assert.deepEqual(messages[0].line, 6)
+ })
+
+ it('disable all rules if ', async () => {
+ const code = `
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 0)
+ })
+
+ it('disable specific rules if ', async () => {
+ const code = `
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 1)
+ assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+ })
+
+ it('disable all rules if ', async () => {
+ const code = `
+
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 0)
+ })
+
+ it('disable specific rules if ', async () => {
+ const code = `
+
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 1)
+ assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+ })
+ })
+
+ describe('block level directive', () => {
+ it('disable all rules if ', async () => {
+ const code = `
+
+
+ Hello
+
+ `
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 0)
+ })
+
+ it("don't disable rules if is on after block", async () => {
+ const code = `
+
+ Hello
+
+ `
+
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 2)
+ assert.deepEqual(messages[0].ruleId, 'vue/no-parsing-error')
+ assert.deepEqual(messages[1].ruleId, 'vue/no-duplicate-attributes')
+ })
+ })
+
+ describe('reportUnusedDisableDirectives', () => {
+ const eslint = new ESLint({
+ overrideConfigFile: true,
+ overrideConfig: {
+ files: ['**/*.vue'],
+ languageOptions: {
+ parser: require('vue-eslint-parser'),
+ ecmaVersion: 2015
+ },
+ plugins: { vue: require('../../../lib/index') },
+ rules: {
+ 'no-unused-vars': 'error',
+ 'vue/comment-directive': [
+ 'error',
+ { reportUnusedDisableDirectives: true }
+ ],
+ 'vue/no-parsing-error': 'error',
+ 'vue/no-duplicate-attributes': 'error'
+ },
+ processor: require('../../../lib/processor')
+ }
+ })
+
+ async function lintMessages(code) {
+ const result = await eslint.lintText(code, { filePath: 'test.vue' })
+ return result[0].messages
+ }
+
+ it('report unused ', async () => {
+ const code = `
+
+
+ Hello
+
+ `
+
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 1)
+ assert.deepEqual(messages[0].ruleId, 'vue/comment-directive')
+ assert.deepEqual(
+ messages[0].message,
+ 'Unused eslint-disable directive (no problems were reported).'
+ )
+ assert.deepEqual(messages[0].line, 3)
+ assert.deepEqual(messages[0].column, 11)
+ })
+
+ it('dont report unused ', async () => {
+ const code = `
+
+
+ Hello
+
+ `
+
+ const messages = await lintMessages(code)
+
+ assert.deepStrictEqual(messages, [])
+ })
+ it('disable and report unused ', async () => {
+ const code = `
+
+
+ Hello
+
+
+ Hello
+
+ `
+
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 1)
+ assert.deepEqual(messages[0].ruleId, 'vue/comment-directive')
+ assert.deepEqual(
+ messages[0].message,
+ 'Unused eslint-disable directive (no problems were reported).'
+ )
+ assert.deepEqual(messages[0].line, 6)
+ assert.deepEqual(messages[0].column, 11)
+ })
+
+ it('report unused ', async () => {
+ const code = `
+
+
+ Hello
+
+ `
+
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 2)
+
+ assert.deepEqual(messages[0].ruleId, 'vue/comment-directive')
+ assert.deepEqual(
+ messages[0].message,
+ "Unused eslint-disable directive (no problems were reported from 'vue/no-duplicate-attributes')."
+ )
+ assert.deepEqual(messages[0].line, 3)
+ assert.deepEqual(messages[0].column, 31)
+
+ assert.deepEqual(messages[1].ruleId, 'vue/comment-directive')
+ assert.deepEqual(
+ messages[1].message,
+ "Unused eslint-disable directive (no problems were reported from 'vue/no-parsing-error')."
+ )
+ assert.deepEqual(messages[1].line, 3)
+ assert.deepEqual(messages[1].column, 60)
+ })
+
+ it('report unused ', async () => {
+ const code = `
+
+
+ Hello
+ Hello
+
+ `
+
+ const messages = await lintMessages(code)
+
+ assert.deepEqual(messages.length, 4)
+
+ assert.deepEqual(messages[0].ruleId, 'vue/comment-directive')
+ assert.deepEqual(
+ messages[0].message,
+ "Unused eslint-disable-next-line directive (no problems were reported from 'vue/no-duplicate-attributes')."
+ )
+ assert.deepEqual(messages[0].line, 3)
+ assert.deepEqual(messages[0].column, 41)
+
+ assert.deepEqual(messages[1].ruleId, 'vue/comment-directive')
+ assert.deepEqual(
+ messages[1].message,
+ "Unused eslint-disable-next-line directive (no problems were reported from 'vue/no-parsing-error')."
+ )
+ assert.deepEqual(messages[1].line, 3)
+ assert.deepEqual(messages[1].column, 70)
+
+ assert.deepEqual(messages[2].ruleId, 'vue/no-parsing-error')
+ assert.deepEqual(messages[2].line, 5)
+ assert.deepEqual(messages[3].ruleId, 'vue/no-duplicate-attributes')
+ assert.deepEqual(messages[3].line, 5)
+ })
+
+ it('dont report used ', async () => {
+ const code = `
+
+
+ Hello
+
+ `
+
+ const messages = await lintMessages(code)
+
+ assert.deepStrictEqual(messages, [])
+ })
+
+ it('dont report used, with duplicate eslint-disable', async () => {
+ const code = `
+
+
+
+ Hello
+
+ `
+
+ const messages = await lintMessages(code)
+
+ assert.deepStrictEqual(messages, [])
+ })
+ })
+})
diff --git a/tests/lib/rules/component-api-style.js b/tests/lib/rules/component-api-style.js
new file mode 100644
index 000000000..e55570339
--- /dev/null
+++ b/tests/lib/rules/component-api-style.js
@@ -0,0 +1,968 @@
+/**
+ * @author Yosuke Ota
+
+
+
+ `,
+ options: [['composition']]
+ }
+ ],
+ invalid: [
+ {
+ filename: 'test.vue',
+ code: `
+
+ `,
+ errors: [
+ {
+ message:
+ 'Options API is not allowed in your project. `data` option is part of the Options API. Use `
+ `,
+ options: [['options']],
+ errors: [
+ {
+ message:
+ '`
+ `,
+ options: [['options']],
+ errors: [
+ {
+ message:
+ 'Composition API is not allowed in your project. `setup` function is part of the Composition API. Use Options API instead.',
+ line: 5,
+ column: 9,
+ endLine: 5,
+ endColumn: 14
+ }
+ ]
+ },
+ {
+ filename: 'test.js',
+ code: `
+ import { defineComponent } from 'vue'
+ defineComponent({
+ data () {
+ return {
+ msg: 'Hello World!',
+ // ...
+ }
+ },
+ // ...
+ })
+ `,
+ errors: [
+ {
+ message:
+ 'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API instead.',
+ line: 4,
+ column: 9,
+ endLine: 4,
+ endColumn: 13
+ }
+ ]
+ },
+ {
+ filename: 'test.js',
+ code: `
+ import { ref, defineComponent } from 'vue'
+ defineComponent({
+ setup() {
+ const msg = ref('Hello World!')
+ // ...
+ return {
+ msg,
+ // ...
+ }
+ }
+ })
+ `,
+ options: [['options']],
+ errors: [
+ {
+ message:
+ 'Composition API is not allowed in your project. `setup` function is part of the Composition API. Use Options API instead.',
+ line: 4,
+ column: 9,
+ endLine: 4,
+ endColumn: 14
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+ `,
+ options: [['script-setup']],
+ errors: [
+ {
+ message:
+ 'Composition API is not allowed in your project. Use `
+ `,
+ options: [['script-setup']],
+ errors: [
+ {
+ message:
+ 'Options API is not allowed in your project. Use `
+ `,
+ options: [['composition']],
+ errors: [
+ {
+ message:
+ '`
+ `,
+ options: [['composition']],
+ errors: [
+ {
+ message:
+ 'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API instead.',
+ line: 4,
+ column: 9,
+ endLine: 4,
+ endColumn: 13
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+ `,
+ options: [['composition']],
+ errors: [
+ {
+ message:
+ 'Options API is not allowed in your project. `mixins` option is part of the Options API. Use Composition API instead.',
+ line: 4,
+ column: 9,
+ endLine: 4,
+ endColumn: 15
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `extends` option is part of the Options API. Use Composition API instead.',
+ line: 5,
+ column: 9,
+ endLine: 5,
+ endColumn: 16
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API instead.',
+ line: 7,
+ column: 9,
+ endLine: 7,
+ endColumn: 13
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `computed` option is part of the Options API. Use Composition API instead.',
+ line: 8,
+ column: 9,
+ endLine: 8,
+ endColumn: 17
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `methods` option is part of the Options API. Use Composition API instead.',
+ line: 9,
+ column: 9,
+ endLine: 9,
+ endColumn: 16
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `watch` option is part of the Options API. Use Composition API instead.',
+ line: 10,
+ column: 9,
+ endLine: 10,
+ endColumn: 14
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `provide` option is part of the Options API. Use Composition API instead.',
+ line: 11,
+ column: 9,
+ endLine: 11,
+ endColumn: 16
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `inject` option is part of the Options API. Use Composition API instead.',
+ line: 12,
+ column: 9,
+ endLine: 12,
+ endColumn: 15
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `beforeCreate` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 14,
+ column: 9,
+ endLine: 14,
+ endColumn: 21
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `created` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 15,
+ column: 9,
+ endLine: 15,
+ endColumn: 16
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `beforeMount` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 16,
+ column: 9,
+ endLine: 16,
+ endColumn: 20
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `mounted` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 17,
+ column: 9,
+ endLine: 17,
+ endColumn: 16
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `beforeUpdate` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 18,
+ column: 9,
+ endLine: 18,
+ endColumn: 21
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `updated` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 19,
+ column: 9,
+ endLine: 19,
+ endColumn: 16
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `activated` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 20,
+ column: 9,
+ endLine: 20,
+ endColumn: 18
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `deactivated` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 21,
+ column: 9,
+ endLine: 21,
+ endColumn: 20
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `beforeDestroy` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 22,
+ column: 9,
+ endLine: 22,
+ endColumn: 22
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `beforeUnmount` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 23,
+ column: 9,
+ endLine: 23,
+ endColumn: 22
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `destroyed` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 24,
+ column: 9,
+ endLine: 24,
+ endColumn: 18
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `unmounted` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 25,
+ column: 9,
+ endLine: 25,
+ endColumn: 18
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `render` function is part of the Options API. Use Composition API instead.',
+ line: 26,
+ column: 9,
+ endLine: 26,
+ endColumn: 15
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `renderTracked` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 27,
+ column: 9,
+ endLine: 27,
+ endColumn: 22
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `renderTriggered` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 28,
+ column: 9,
+ endLine: 28,
+ endColumn: 24
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `errorCaptured` lifecycle hook is part of the Options API. Use Composition API instead.',
+ line: 29,
+ column: 9,
+ endLine: 29,
+ endColumn: 22
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `expose` option is part of the Options API. Use Composition API instead.',
+ line: 31,
+ column: 9,
+ endLine: 31,
+ endColumn: 15
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+ `,
+ options: [['composition-vue2']],
+ errors: [
+ {
+ message:
+ '`
+ `,
+ options: [['composition-vue2']],
+ errors: [
+ {
+ message:
+ 'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 4,
+ column: 9,
+ endLine: 4,
+ endColumn: 13
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+ `,
+ options: [['composition-vue2']],
+ errors: [
+ {
+ message:
+ 'Options API is not allowed in your project. `mixins` option is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 4,
+ column: 9,
+ endLine: 4,
+ endColumn: 15
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `extends` option is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 5,
+ column: 9,
+ endLine: 5,
+ endColumn: 16
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `data` option is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 7,
+ column: 9,
+ endLine: 7,
+ endColumn: 13
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `computed` option is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 8,
+ column: 9,
+ endLine: 8,
+ endColumn: 17
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `methods` option is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 9,
+ column: 9,
+ endLine: 9,
+ endColumn: 16
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `watch` option is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 10,
+ column: 9,
+ endLine: 10,
+ endColumn: 14
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `provide` option is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 11,
+ column: 9,
+ endLine: 11,
+ endColumn: 16
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `inject` option is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 12,
+ column: 9,
+ endLine: 12,
+ endColumn: 15
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `beforeCreate` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 14,
+ column: 9,
+ endLine: 14,
+ endColumn: 21
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `created` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 15,
+ column: 9,
+ endLine: 15,
+ endColumn: 16
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `beforeMount` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 16,
+ column: 9,
+ endLine: 16,
+ endColumn: 20
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `mounted` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 17,
+ column: 9,
+ endLine: 17,
+ endColumn: 16
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `beforeUpdate` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 18,
+ column: 9,
+ endLine: 18,
+ endColumn: 21
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `updated` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 19,
+ column: 9,
+ endLine: 19,
+ endColumn: 16
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `activated` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 20,
+ column: 9,
+ endLine: 20,
+ endColumn: 18
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `deactivated` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 21,
+ column: 9,
+ endLine: 21,
+ endColumn: 20
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `beforeDestroy` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 22,
+ column: 9,
+ endLine: 22,
+ endColumn: 22
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `beforeUnmount` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 23,
+ column: 9,
+ endLine: 23,
+ endColumn: 22
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `destroyed` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 24,
+ column: 9,
+ endLine: 24,
+ endColumn: 18
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `unmounted` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 25,
+ column: 9,
+ endLine: 25,
+ endColumn: 18
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `errorCaptured` lifecycle hook is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 29,
+ column: 9,
+ endLine: 29,
+ endColumn: 22
+ },
+ {
+ message:
+ 'Options API is not allowed in your project. `expose` option is part of the Options API. Use Composition API (Vue 2) instead.',
+ line: 31,
+ column: 9,
+ endLine: 31,
+ endColumn: 15
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+
+ `,
+ options: [['script-setup', 'composition', 'composition-vue2']],
+ errors: [
+ {
+ message:
+ 'Options API is not allowed in your project. `data` option is part of the Options API. Use ``,
+ languageOptions: {
+ parser: require('vue-eslint-parser'),
+ ...languageOptions
+ }
+ },
+ {
+ filename: 'test.vue',
+ code: ``,
+ options: ['PascalCase'],
+ languageOptions: {
+ parser: require('vue-eslint-parser'),
+ ...languageOptions
+ }
+ },
+ {
+ filename: 'test.vue',
+ code: ``,
+ options: ['kebab-case'],
+ languageOptions: {
+ parser: require('vue-eslint-parser'),
+ ...languageOptions
+ }
+ }
+ ],
+
+ invalid: [
+ {
+ filename: 'test.vue',
+ code: `
+ export default {
+ name: 'foo-bar'
+ }
+ `,
+ output: `
+ export default {
+ name: 'FooBar'
+ }
+ `,
+ languageOptions,
+ errors: [
+ {
+ message: 'Property name "foo-bar" is not PascalCase.',
+ type: 'Literal',
+ line: 3,
+ column: 17,
+ endLine: 3,
+ endColumn: 26
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+ export default {
+ name: 'foo bar'
+ }
+ `,
+ output: null,
+ languageOptions,
+ errors: [
+ {
+ message: 'Property name "foo bar" is not PascalCase.',
+ type: 'Literal',
+ line: 3,
+ column: 17,
+ endLine: 3,
+ endColumn: 27
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+ export default {
+ name: 'foo!bar'
+ }
+ `,
+ output: null,
+ languageOptions,
+ errors: [
+ {
+ message: 'Property name "foo!bar" is not PascalCase.',
+ type: 'Literal',
+ line: 3,
+ column: 17,
+ endLine: 3,
+ endColumn: 26
+ }
+ ]
+ },
+ {
+ filename: 'test.js',
+ code: `
+ new Vue({
+ name: 'foo!bar'
+ })
+ `,
+ output: null,
+ languageOptions: { ecmaVersion: 6 },
+ errors: [
+ {
+ message: 'Property name "foo!bar" is not PascalCase.',
+ type: 'Literal',
+ line: 3,
+ column: 17,
+ endLine: 3,
+ endColumn: 26
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+ export default {
+ name: 'foo_bar'
+ }
+ `,
+ output: `
+ export default {
+ name: 'FooBar'
+ }
+ `,
+ languageOptions,
+ errors: [
+ {
+ message: 'Property name "foo_bar" is not PascalCase.',
+ type: 'Literal',
+ line: 3,
+ column: 17,
+ endLine: 3,
+ endColumn: 26
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+ export default {
+ name: 'foo_bar'
+ }
+ `,
+ output: `
+ export default {
+ name: 'FooBar'
+ }
+ `,
+ options: ['PascalCase'],
+ languageOptions,
+ errors: [
+ {
+ message: 'Property name "foo_bar" is not PascalCase.',
+ type: 'Literal',
+ line: 3,
+ column: 17,
+ endLine: 3,
+ endColumn: 26
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `
+ export default {
+ name: 'foo_bar'
+ }
+ `,
+ output: `
+ export default {
+ name: 'foo-bar'
+ }
+ `,
+ options: ['kebab-case'],
+ languageOptions,
+ errors: [
+ {
+ message: 'Property name "foo_bar" is not kebab-case.',
+ type: 'Literal',
+ line: 3,
+ column: 17,
+ endLine: 3,
+ endColumn: 26
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `Vue.component('foo-bar', component)`,
+ output: `Vue.component('FooBar', component)`,
+ languageOptions,
+ errors: [
+ {
+ message: 'Property name "foo-bar" is not PascalCase.',
+ type: 'Literal',
+ line: 1,
+ column: 15,
+ endLine: 1,
+ endColumn: 24
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `app.component('foo-bar', component)`,
+ output: `app.component('FooBar', component)`,
+ languageOptions,
+ errors: [
+ {
+ message: 'Property name "foo-bar" is not PascalCase.',
+ type: 'Literal',
+ line: 1,
+ column: 15,
+ endLine: 1,
+ endColumn: 24
+ }
+ ]
+ },
+ {
+ filename: 'test.vue',
+ code: `(Vue as VueConstructor',
+ options: ['PascalCase', { registeredComponentsOnly: false }]
+ },
+ {
+ code: '
',
+ options: ['PascalCase', { registeredComponentsOnly: false }]
+ },
+ {
+ code: 'bar',
+ options: ['PascalCase', { registeredComponentsOnly: false }]
+ },
+ {
+ code: 'Title
',
+ options: ['PascalCase', { registeredComponentsOnly: false }]
+ },
+ {
+ code: 'Title
',
+ options: ['PascalCase', { registeredComponentsOnly: false }]
+ },
+ {
+ code: '',
+ options: ['PascalCase', { registeredComponentsOnly: false }]
+ },
+ {
+ code: '',
+ options: ['kebab-case', { registeredComponentsOnly: false }]
+ },
+ {
+ code: '',
+ options: ['kebab-case', { registeredComponentsOnly: false }]
+ },
+ {
+ code: '',
+ options: ['kebab-case', { registeredComponentsOnly: false }]
+ },
+ {
+ code: '
+
+
+ `,
+ {
+ code: ``,
+ options: [
+ {
+ singleline: 'never',
+ multiline: 'never'
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ options: [
+ {
+ singleline: 'never',
+ multiline: 'never'
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ options: [
+ {
+ singleline: 'never',
+ multiline: 'always'
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ options: [
+ {
+ singleline: 'never',
+ multiline: 'always'
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ options: [
+ {
+ singleline: 'always',
+ multiline: 'never'
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ options: [
+ {
+ singleline: 'always',
+ multiline: 'never'
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ errors: [
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 1 line break found.',
+ line: 3,
+ column: 15,
+ endLine: 4,
+ endColumn: 11
+ },
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 2 line breaks found.',
+ line: 4,
+ column: 17,
+ endLine: 6,
+ endColumn: 11
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ output: `
+
+
+
+
+ `,
+ errors: [
+ {
+ message:
+ 'Expected 1 line break before closing bracket, but no line breaks found.',
+ line: 4,
+ column: 18,
+ endLine: 4,
+ endColumn: 18
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: [
+ {
+ singleline: 'never',
+ multiline: 'never'
+ }
+ ],
+ errors: [
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 1 line break found.',
+ line: 3,
+ column: 15,
+ endLine: 4,
+ endColumn: 11
+ },
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 2 line breaks found.',
+ line: 4,
+ column: 17,
+ endLine: 6,
+ endColumn: 11
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ output: `
+
+
+
+
+ `,
+ options: [
+ {
+ singleline: 'never',
+ multiline: 'never'
+ }
+ ],
+ errors: [
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 1 line break found.',
+ line: 4,
+ column: 18,
+ endLine: 5,
+ endColumn: 13
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ output: `
+
+
+
+
+ `,
+ options: [
+ {
+ singleline: 'never',
+ multiline: 'always'
+ }
+ ],
+ errors: [
+ {
+ message:
+ 'Expected 1 line break before closing bracket, but no line breaks found.',
+ line: 4,
+ column: 18,
+ endLine: 4,
+ endColumn: 18
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ output: `
+
+
+
+
+ `,
+ options: [
+ {
+ singleline: 'never',
+ multiline: 'always'
+ }
+ ],
+ errors: [
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 1 line break found.',
+ line: 3,
+ column: 21,
+ endLine: 4,
+ endColumn: 11
+ },
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 1 line break found.',
+ line: 5,
+ column: 16,
+ endLine: 6,
+ endColumn: 11
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ output: `
+
+
+
+
+ `,
+ options: [
+ {
+ singleline: 'always',
+ multiline: 'never'
+ }
+ ],
+ errors: [
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 1 line break found.',
+ line: 5,
+ column: 18,
+ endLine: 6,
+ endColumn: 13
+ },
+ {
+ message:
+ 'Expected 1 line break before closing bracket, but no line breaks found.',
+ line: 7,
+ column: 16,
+ endLine: 7,
+ endColumn: 16
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ output: `
+
+
+
+
+ `,
+ options: [
+ {
+ singleline: 'always',
+ multiline: 'never'
+ }
+ ],
+ errors: [
+ {
+ message:
+ 'Expected 1 line break before closing bracket, but no line breaks found.',
+ line: 4,
+ column: 21,
+ endLine: 4,
+ endColumn: 21
+ },
+ {
+ message:
+ 'Expected 1 line break before closing bracket, but no line breaks found.',
+ line: 5,
+ column: 16,
+ endLine: 5,
+ endColumn: 16
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ output: `
+
+
+
+
+ `,
+ options: [
+ {
+ singleline: 'never',
+ multiline: 'never'
+ }
+ ],
+ errors: [
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 1 line break found.',
+ line: 2,
+ column: 18,
+ endLine: 3,
+ endColumn: 9
+ },
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 1 line break found.',
+ line: 4,
+ column: 19,
+ endLine: 5,
+ endColumn: 9
+ },
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 1 line break found.',
+ line: 6,
+ column: 16,
+ endLine: 7,
+ endColumn: 9
+ },
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 1 line break found.',
+ line: 8,
+ column: 17,
+ endLine: 9,
+ endColumn: 9
+ },
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 1 line break found.',
+ line: 10,
+ column: 15,
+ endLine: 11,
+ endColumn: 9
+ },
+ {
+ message:
+ 'Expected no line breaks before closing bracket, but 1 line break found.',
+ line: 11,
+ column: 17,
+ endLine: 12,
+ endColumn: 9
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ output: `
+
+
+
+
+ `,
+ options: [
+ {
+ singleline: 'always',
+ multiline: 'always'
+ }
+ ],
+ errors: [
+ {
+ message:
+ 'Expected 1 line break before closing bracket, but no line breaks found.',
+ line: 2,
+ column: 18,
+ endColumn: 18,
+ endLine: 2
+ },
+ {
+ message:
+ 'Expected 1 line break before closing bracket, but no line breaks found.',
+ line: 3,
+ column: 19,
+ endColumn: 19,
+ endLine: 3
+ },
+ {
+ message:
+ 'Expected 1 line break before closing bracket, but no line breaks found.',
+ line: 4,
+ column: 16,
+ endColumn: 16,
+ endLine: 4
+ },
+ {
+ message:
+ 'Expected 1 line break before closing bracket, but no line breaks found.',
+ line: 5,
+ column: 17,
+ endColumn: 17,
+ endLine: 5
+ },
+ {
+ message:
+ 'Expected 1 line break before closing bracket, but no line breaks found.',
+ line: 6,
+ column: 15,
+ endColumn: 15,
+ endLine: 6
+ },
+ {
+ message:
+ 'Expected 1 line break before closing bracket, but no line breaks found.',
+ line: 6,
+ column: 23,
+ endColumn: 23,
+ endLine: 6
+ }
+ ]
+ },
+ {
+ code: `
+
+ \n \n \n \n',
+ output: '\n \n \n \n',
+ errors: [
+ {
+ message: "Expected no space before '>', but found.",
+ line: 2,
+ column: 7,
+ endColumn: 9,
+ endLine: 2
+ },
+ {
+ message: "Expected no space before '>', but found.",
+ line: 3,
+ column: 8,
+ endColumn: 10,
+ endLine: 3
+ },
+ {
+ message: "Expected a space before '/>', but not found.",
+ line: 4,
+ column: 7,
+ endColumn: 9,
+ endLine: 4
+ }
+ ]
+ },
+ {
+ code: '\n \n \n',
+ output: '\n \n \n',
+ errors: [
+ {
+ message: "Expected no space before '>', but found.",
+ line: 2,
+ column: 11,
+ endColumn: 13,
+ endLine: 2
+ },
+ {
+ message: "Expected a space before '/>', but not found.",
+ line: 3,
+ column: 11,
+ endColumn: 13,
+ endLine: 3
+ }
+ ]
+ },
+ {
+ code: '\n \n \n',
+ output:
+ '\n \n \n',
+ errors: [
+ {
+ message: "Expected no space before '>', but found.",
+ line: 2,
+ column: 15,
+ endColumn: 17,
+ endLine: 2
+ },
+ {
+ message: "Expected a space before '/>', but not found.",
+ line: 3,
+ column: 15,
+ endColumn: 17,
+ endLine: 3
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ errors: [
+ {
+ message: "Expected no space before '>', but found.",
+ line: 2,
+ column: 18,
+ endColumn: 20,
+ endLine: 2
+ },
+ {
+ message: "Expected no space before '>', but found.",
+ line: 2,
+ column: 30,
+ endColumn: 32,
+ endLine: 2
+ },
+ {
+ message: "Expected no space before '>', but found.",
+ line: 3,
+ column: 16,
+ endColumn: 18,
+ endLine: 3
+ },
+ {
+ message: "Expected no space before '>', but found.",
+ line: 3,
+ column: 26,
+ endColumn: 28,
+ endLine: 3
+ },
+ {
+ message: "Expected no space before '>', but found.",
+ line: 4,
+ column: 15,
+ endColumn: 17,
+ endLine: 4
+ },
+ {
+ message: "Expected no space before '>', but found.",
+ line: 4,
+ column: 24,
+ endColumn: 26,
+ endLine: 4
+ }
+ ]
+ },
+ {
+ code: '\n \n \n \n',
+ output: '\n \n \n \n',
+ options: [
+ {
+ startTag: 'always',
+ endTag: 'always',
+ selfClosingTag: 'never'
+ }
+ ],
+ errors: [
+ {
+ message: "Expected a space before '>', but not found.",
+ line: 2,
+ column: 7,
+ endColumn: 8,
+ endLine: 2
+ },
+ {
+ message: "Expected a space before '>', but not found.",
+ line: 3,
+ column: 8,
+ endColumn: 9,
+ endLine: 3
+ },
+ {
+ message: "Expected no space before '/>', but found.",
+ line: 4,
+ column: 7,
+ endColumn: 10,
+ endLine: 4
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: [
+ {
+ startTag: 'always',
+ endTag: 'always',
+ selfClosingTag: 'never'
+ }
+ ],
+ errors: [
+ {
+ message: "Expected a space before '>', but not found.",
+ line: 2,
+ column: 18,
+ endColumn: 19,
+ endLine: 2
+ },
+ {
+ message: "Expected a space before '>', but not found.",
+ line: 2,
+ column: 29,
+ endColumn: 30,
+ endLine: 2
+ },
+ {
+ message: "Expected a space before '>', but not found.",
+ line: 3,
+ column: 16,
+ endColumn: 17,
+ endLine: 3
+ },
+ {
+ message: "Expected a space before '>', but not found.",
+ line: 3,
+ column: 25,
+ endColumn: 26,
+ endLine: 3
+ },
+ {
+ message: "Expected a space before '>', but not found.",
+ line: 4,
+ column: 15,
+ endColumn: 16,
+ endLine: 4
+ },
+ {
+ message: "Expected a space before '>', but not found.",
+ line: 4,
+ column: 23,
+ endColumn: 24,
+ endLine: 4
+ }
+ ]
+ }
+ ]
+})
diff --git a/tests/lib/rules/html-comment-content-newline.js b/tests/lib/rules/html-comment-content-newline.js
new file mode 100644
index 000000000..6d1c28279
--- /dev/null
+++ b/tests/lib/rules/html-comment-content-newline.js
@@ -0,0 +1,515 @@
+/**
+ * @author Yosuke ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const rule = require('../../../lib/rules/html-comment-content-newline')
+
+const RuleTester = require('../../eslint-compat').RuleTester
+
+const tester = new RuleTester({
+ languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
+})
+tester.run('html-comment-content-newline', rule, {
+ valid: [
+ `
+
+
+
+
+ `,
+ {
+ code: `
+
+
+
+
+
+ `,
+ options: ['always']
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ options: ['never']
+ },
+ {
+ code: `
+
+
+
+
+
+ `,
+ options: ['always']
+ },
+ {
+ code: `
+
+
+
+
+
+ `,
+ options: ['never']
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ options: [{ singleline: 'always', multiline: 'never' }]
+ },
+ {
+ code: `
+
+
+
+
+
+
+ `,
+ options: ['never']
+ },
+ // ignore
+ {
+ code: `
+
+
+
+
+
+
+ `,
+ options: [{ singleline: 'ignore', multiline: 'ignore' }]
+ },
+
+ // exceptions
+ {
+ code: `
+
+
+
+ `,
+ options: ['always', { exceptions: ['+'] }]
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['always', { exceptions: ['+-+'] }]
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['always', { exceptions: ['+'] }]
+ },
+ {
+ code: `
+
+
+
+
+
+ `,
+ options: ['always', { exceptions: ['+', '*', '++xx'] }]
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['never', { exceptions: ['+'] }]
+ },
+
+ // directive
+ {
+ code: `
+
+
+
+
+
+
+
+
+
+
+ `,
+ options: ['always']
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['never']
+ },
+ // invalid html
+ {
+ code: `
+
+
+
+ `,
+ `
+
+
+ not IE only
+
+
+ `
+ ],
+
+ invalid: [
+ {
+ code: `
+
+
+
+
+ `,
+ output: `
+
+
+
+
+ `,
+ errors: [
+ {
+ message: "Unexpected line breaks after ''.",
+ line: 4,
+ column: 20,
+ endLine: 5,
+ endColumn: 11
+ },
+ {
+ message: "Expected line break after ''.",
+ line: 7,
+ column: 20,
+ endColumn: 21,
+ endLine: 7
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ output: `
+
+
+
+
+ `,
+ options: ['always'],
+ errors: [
+ {
+ message: "Expected line break after ''.",
+ line: 3,
+ column: 22,
+ endColumn: 22,
+ endLine: 3
+ },
+ {
+ message: "Expected line break after ''.",
+ line: 4,
+ column: 24,
+ endColumn: 26,
+ endLine: 4
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: ['never'],
+ errors: [
+ {
+ message: "Unexpected line breaks after ''.",
+ line: 4,
+ column: 8,
+ endLine: 5,
+ endColumn: 1
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: ['always'],
+ errors: [
+ {
+ message: "Expected line break after ''.",
+ line: 3,
+ column: 30,
+ endColumn: 38,
+ endLine: 3
+ }
+ ]
+ },
+ // exceptions
+ {
+ code: `
+
+
+
+ `,
+ output: null,
+ options: ['always', { exceptions: ['+'] }],
+ errors: [
+ {
+ message: 'Expected line break after exception block.',
+ line: 3,
+ column: 31,
+ endLine: 3,
+ endColumn: 31
+ },
+ {
+ message: 'Expected line break before exception block.',
+ line: 3,
+ column: 38,
+ endLine: 3,
+ endColumn: 38
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: null,
+ options: ['always', { exceptions: ['*'] }],
+ errors: [
+ {
+ message: 'Expected line break after exception block.',
+ line: 3,
+ column: 20,
+ endLine: 3,
+ endColumn: 20
+ },
+ {
+ message: 'Expected line break before exception block.',
+ line: 3,
+ column: 27,
+ endLine: 3,
+ endColumn: 27
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: ['always', { exceptions: ['#+#-'] }],
+ errors: [
+ {
+ message: 'Expected line break after exception block.',
+ line: 3,
+ column: 27,
+ endLine: 3,
+ endColumn: 27
+ },
+ {
+ message: "Expected line break before '-->'.",
+ line: 3,
+ column: 38,
+ endLine: 3,
+ endColumn: 38
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: null,
+ options: ['always', { exceptions: ['*', '++'] }],
+ errors: [
+ {
+ message: 'Expected line break after exception block.',
+ line: 3,
+ column: 20,
+ endLine: 3,
+ endColumn: 20
+ },
+ {
+ message: 'Expected line break before exception block.',
+ line: 3,
+ column: 27,
+ endLine: 3,
+ endColumn: 27
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: null,
+ options: ['always', { exceptions: ['*', '++'] }],
+ errors: [
+ {
+ message: 'Expected line break after exception block.',
+ line: 3,
+ column: 20,
+ endLine: 3,
+ endColumn: 20
+ },
+ {
+ message: 'Expected line break before exception block.',
+ line: 3,
+ column: 28,
+ endLine: 3,
+ endColumn: 28
+ }
+ ]
+ }
+ ]
+})
diff --git a/tests/lib/rules/html-comment-content-spacing.js b/tests/lib/rules/html-comment-content-spacing.js
new file mode 100644
index 000000000..754271d10
--- /dev/null
+++ b/tests/lib/rules/html-comment-content-spacing.js
@@ -0,0 +1,411 @@
+/**
+ * @author Yosuke ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const rule = require('../../../lib/rules/html-comment-content-spacing')
+
+const RuleTester = require('../../eslint-compat').RuleTester
+
+const tester = new RuleTester({
+ languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
+})
+tester.run('html-comment-content-spacing', rule, {
+ valid: [
+ `
+
+
+
+ `,
+ {
+ code: `
+
+
+
+ `,
+ options: ['always']
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['always']
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['always']
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['never']
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['never']
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['never']
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['always']
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['never']
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['always']
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['never']
+ },
+
+ // exceptions
+ {
+ code: `
+
+
+
+ `,
+ options: ['always', { exceptions: ['+'] }]
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['always', { exceptions: ['+-+'] }]
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['always', { exceptions: ['+'] }]
+ },
+ {
+ code: `
+
+
+
+
+
+ `,
+ options: ['always', { exceptions: ['+', '*', '++xx'] }]
+ },
+ {
+ code: `
+
+
+
+ `,
+ options: ['never', { exceptions: ['+'] }]
+ },
+
+ // invalid html
+ {
+ code: `
+
+
+
+ `,
+ `
+
+
+ not IE only
+
+
+ `
+ ],
+
+ invalid: [
+ {
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: ['always'],
+ errors: [
+ {
+ message: "Expected space after ''.",
+ line: 3,
+ column: 22,
+ endColumn: 22,
+ endLine: 3
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: ['never'],
+ errors: [
+ {
+ message: "Unexpected space after ''.",
+ line: 3,
+ column: 23,
+ endColumn: 24,
+ endLine: 3
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: ['never'],
+ errors: [
+ {
+ message: "Unexpected space after ''.",
+ line: 3,
+ column: 30,
+ endColumn: 38,
+ endLine: 3
+ }
+ ]
+ },
+ // exceptions
+ {
+ code: `
+
+
+
+ `,
+ output: null,
+ options: ['always', { exceptions: ['+'] }],
+ errors: [
+ {
+ message: 'Expected space after exception block.',
+ line: 3,
+ column: 31,
+ endLine: 3,
+ endColumn: 31
+ },
+ {
+ message: 'Expected space before exception block.',
+ line: 3,
+ column: 38,
+ endLine: 3,
+ endColumn: 38
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: null,
+ options: ['always', { exceptions: ['*'] }],
+ errors: [
+ {
+ message: 'Expected space after exception block.',
+ line: 3,
+ column: 20,
+ endLine: 3,
+ endColumn: 20
+ },
+ {
+ message: 'Expected space before exception block.',
+ line: 3,
+ column: 27,
+ endLine: 3,
+ endColumn: 27
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ options: ['always', { exceptions: ['#+#-'] }],
+ errors: [
+ {
+ message: 'Expected space after exception block.',
+ line: 3,
+ column: 27,
+ endLine: 3,
+ endColumn: 27
+ },
+ {
+ message: "Expected space before '-->'.",
+ line: 3,
+ column: 38,
+ endLine: 3,
+ endColumn: 38
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: null,
+ options: ['always', { exceptions: ['*', '++'] }],
+ errors: [
+ {
+ message: 'Expected space after exception block.',
+ line: 3,
+ column: 20,
+ endLine: 3,
+ endColumn: 20
+ },
+ {
+ message: 'Expected space before exception block.',
+ line: 3,
+ column: 27,
+ endLine: 3,
+ endColumn: 27
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: null,
+ options: ['always', { exceptions: ['*', '++'] }],
+ errors: [
+ {
+ message: 'Expected space after exception block.',
+ line: 3,
+ column: 20,
+ endLine: 3,
+ endColumn: 20
+ },
+ {
+ message: 'Expected space before exception block.',
+ line: 3,
+ column: 28,
+ endLine: 3,
+ endColumn: 28
+ }
+ ]
+ }
+ ]
+})
diff --git a/tests/lib/rules/html-comment-indent.js b/tests/lib/rules/html-comment-indent.js
new file mode 100644
index 000000000..f90f2cf4c
--- /dev/null
+++ b/tests/lib/rules/html-comment-indent.js
@@ -0,0 +1,730 @@
+/**
+ * @author Yosuke ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const rule = require('../../../lib/rules/html-comment-indent')
+
+const RuleTester = require('../../eslint-compat').RuleTester
+
+const tester = new RuleTester({
+ languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
+})
+tester.run('html-comment-indent', rule, {
+ valid: [
+ `
+
+
+
+
+
+ `,
+ {
+ code: `
+
+
+
+
+
+ `,
+ options: ['tab']
+ },
+ {
+ code: `
+
+
+
+
+
+ `,
+ options: [4]
+ },
+ {
+ code: `
+
+
+
+
+
+ `,
+ options: [0]
+ },
+ `
+
+
+
+
+
+ `,
+
+ // IE conditional comments
+ `
+
+
+
+ `,
+ `
+
+
+ not IE only
+
+
+ `
+ ],
+
+ invalid: [
+ {
+ code: `
+
+
+
+
+
+ `,
+ output: `
+
+
+
+
+
+ `,
+ errors: [
+ {
+ message:
+ 'Expected relative indentation of 2 spaces but found 0 spaces.',
+ line: 4,
+ column: 11,
+ endLine: 4,
+ endColumn: 11
+ },
+ {
+ message:
+ 'Expected base point indentation of 10 spaces, but found 7 spaces.',
+ line: 7,
+ column: 1,
+ endLine: 7,
+ endColumn: 8
+ },
+ {
+ message:
+ 'Expected relative indentation of 2 spaces but found 5 spaces.',
+ line: 8,
+ column: 11,
+ endLine: 8,
+ endColumn: 16
+ },
+ {
+ message:
+ 'Expected relative indentation of 0 spaces but found 1 space.',
+ line: 9,
+ column: 11,
+ endLine: 9,
+ endColumn: 12
+ },
+ {
+ message: 'Expected space character, but found tab character.',
+ line: 11,
+ column: 14,
+ endLine: 11,
+ endColumn: 15
+ },
+ {
+ message: 'Expected space character, but found tab character.',
+ line: 12,
+ column: 13,
+ endLine: 12,
+ endColumn: 14
+ },
+ {
+ message:
+ 'Expected base point indentation of 12 spaces, but found 11 spaces.',
+ line: 13,
+ column: 1,
+ endLine: 13,
+ endColumn: 12
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+
+ `,
+ output: `
+
+
+
+
+
+ `,
+ options: ['tab'],
+ errors: [
+ {
+ message: 'Expected relative indentation of 1 tab but found 0 tabs.',
+ line: 4,
+ column: 11,
+ endLine: 4,
+ endColumn: 11
+ },
+ {
+ message: String.raw`Expected base point indentation of 10 spaces, but found " \t".`,
+ line: 7,
+ column: 1,
+ endLine: 7,
+ endColumn: 10
+ },
+ {
+ message: 'Expected relative indentation of 1 tab but found 2 tabs.',
+ line: 8,
+ column: 11,
+ endLine: 8,
+ endColumn: 13
+ },
+ {
+ message: 'Expected relative indentation of 0 tabs but found 1 tab.',
+ line: 9,
+ column: 11,
+ endLine: 9,
+ endColumn: 12
+ },
+ {
+ message: 'Expected tab character, but found space character.',
+ line: 11,
+ column: 14,
+ endLine: 11,
+ endColumn: 15
+ },
+ {
+ message: 'Expected tab character, but found space character.',
+ line: 12,
+ column: 13,
+ endLine: 12,
+ endColumn: 14
+ },
+ {
+ message:
+ 'Expected base point indentation of 12 spaces, but found 11 spaces.',
+ line: 13,
+ column: 1,
+ endLine: 13,
+ endColumn: 12
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+
+ `,
+ output: `
+
+
+
+
+
+ `,
+ options: [4],
+ errors: [
+ {
+ message:
+ 'Expected relative indentation of 4 spaces but found 0 spaces.',
+ line: 4,
+ column: 11,
+ endLine: 4,
+ endColumn: 11
+ },
+ {
+ message:
+ 'Expected base point indentation of 10 spaces, but found 5 spaces.',
+ line: 7,
+ column: 1,
+ endLine: 7,
+ endColumn: 6
+ },
+ {
+ message:
+ 'Expected relative indentation of 4 spaces but found 8 spaces.',
+ line: 8,
+ column: 11,
+ endLine: 8,
+ endColumn: 19
+ },
+ {
+ message:
+ 'Expected relative indentation of 0 spaces but found 2 spaces.',
+ line: 9,
+ column: 11,
+ endLine: 9,
+ endColumn: 13
+ },
+ {
+ message: 'Expected space character, but found tab character.',
+ line: 11,
+ column: 15,
+ endLine: 11,
+ endColumn: 16
+ },
+ {
+ message: 'Expected space character, but found tab character.',
+ line: 12,
+ column: 13,
+ endLine: 12,
+ endColumn: 14
+ },
+ {
+ message:
+ 'Expected base point indentation of 12 spaces, but found 10 spaces.',
+ line: 13,
+ column: 1,
+ endLine: 13,
+ endColumn: 11
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+
+ `,
+ output: `
+
+
+
+
+
+ `,
+ options: [0],
+ errors: [
+ {
+ message:
+ 'Expected relative indentation of 0 spaces but found 2 spaces.',
+ line: 4,
+ column: 11,
+ endLine: 4,
+ endColumn: 13
+ },
+ {
+ message:
+ 'Expected base point indentation of 10 spaces, but found 8 spaces.',
+ line: 7,
+ column: 1,
+ endLine: 7,
+ endColumn: 9
+ },
+ {
+ message: 'Expected space character, but found tab character.',
+ line: 8,
+ column: 11,
+ endLine: 8,
+ endColumn: 12
+ },
+ {
+ message:
+ 'Expected relative indentation of 0 spaces but found 2 spaces.',
+ line: 9,
+ column: 11,
+ endLine: 9,
+ endColumn: 13
+ },
+ {
+ message: 'Expected space character, but found tab character.',
+ line: 11,
+ column: 13,
+ endLine: 11,
+ endColumn: 14
+ },
+ {
+ message: String.raw`Expected base point indentation of 12 spaces, but found " \t".`,
+ line: 12,
+ column: 1,
+ endLine: 12,
+ endColumn: 12
+ },
+ {
+ message:
+ 'Expected base point indentation of 12 spaces, but found 10 spaces.',
+ line: 13,
+ column: 1,
+ endLine: 13,
+ endColumn: 11
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+
+ `,
+ output: `
+
+
+
+
+
+ `,
+ errors: [
+ {
+ message:
+ 'Expected relative indentation of 2 spaces but found 0 spaces.',
+ line: 5,
+ column: 11,
+ endLine: 5,
+ endColumn: 11
+ },
+ {
+ message:
+ 'Expected relative indentation of 2 spaces but found 4 spaces.',
+ line: 7,
+ column: 11,
+ endLine: 7,
+ endColumn: 15
+ },
+ {
+ message:
+ 'Expected relative indentation of 0 spaces but found 2 spaces.',
+ line: 12,
+ column: 11,
+ endLine: 12,
+ endColumn: 13
+ },
+ {
+ message:
+ 'Expected base point indentation of 10 spaces, but found 8 spaces.',
+ line: 14,
+ column: 1,
+ endLine: 14,
+ endColumn: 9
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+ `,
+ output: `
+
+
+
+
+ `,
+ errors: [
+ {
+ message:
+ 'Expected relative indentation of 2 spaces but found 0 spaces.',
+ line: 4,
+ column: 11,
+ endLine: 4,
+ endColumn: 11
+ },
+ {
+ message:
+ 'Expected relative indentation of 2 spaces but found 4 spaces.',
+ line: 6,
+ column: 11,
+ endLine: 6,
+ endColumn: 15
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+`,
+ output: `
+
+
+
+
+`,
+ errors: [
+ {
+ message: 'Expected indentation of 2 spaces but found 0 spaces.',
+ line: 4,
+ column: 1,
+ endLine: 4,
+ endColumn: 1
+ },
+ {
+ message: 'Expected indentation of 2 spaces but found 0 spaces.',
+ line: 5,
+ column: 1,
+ endLine: 5,
+ endColumn: 1
+ },
+ {
+ message: 'Expected indentation of 0 spaces but found 2 spaces.',
+ line: 7,
+ column: 1,
+ endLine: 7,
+ endColumn: 3
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+
+`,
+ output: `
+
+
+
+
+`,
+ errors: [
+ {
+ message:
+ 'Expected base point indentation of 2 spaces, but not found.',
+ line: 4,
+ column: 1,
+ endLine: 4,
+ endColumn: 1
+ },
+ {
+ message:
+ 'Expected base point indentation of 2 spaces, but not found.',
+ line: 5,
+ column: 1,
+ endLine: 5,
+ endColumn: 1
+ },
+ {
+ message:
+ 'Expected base point indentation of 2 spaces, but not found.',
+ line: 7,
+ column: 1,
+ endLine: 7,
+ endColumn: 1
+ }
+ ]
+ },
+ {
+ code: `
+
+
+
+ `,
+ output: `
+
+
+
+ `,
+ errors: [
+ {
+ message:
+ 'Expected relative indentation of 2 spaces but found 1 space.',
+ line: 4,
+ column: 11,
+ endLine: 4,
+ endColumn: 12
+ },
+ {
+ message:
+ 'Expected relative indentation of 0 spaces but found 1 space.',
+ line: 5,
+ column: 11,
+ endLine: 5,
+ endColumn: 12
+ }
+ ]
+ },
+ {
+ code: `
+
+ \t \t \t
+
+ `,
+ output: `
+
+ \t \t \t
+
+ `,
+ errors: [
+ {
+ message: String.raw`Expected base point indentation of " \t \t \t ", but found 7 spaces.`,
+ line: 4,
+ column: 1,
+ endLine: 4,
+ endColumn: 13
+ },
+ {
+ message: String.raw`Expected base point indentation of " \t \t \t ", but found 7 spaces.`,
+ line: 5,
+ column: 1,
+ endLine: 5,
+ endColumn: 11
+ }
+ ]
+ }
+ ]
+})
diff --git a/tests/lib/rules/html-end-tags.js b/tests/lib/rules/html-end-tags.js
index e470e62b3..42e13dc99 100644
--- a/tests/lib/rules/html-end-tags.js
+++ b/tests/lib/rules/html-end-tags.js
@@ -5,20 +5,11 @@
*/
'use strict'
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
-const RuleTester = require('eslint').RuleTester
+const RuleTester = require('../../eslint-compat').RuleTester
const rule = require('../../../lib/rules/html-end-tags')
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
const tester = new RuleTester({
- parser: 'vue-eslint-parser',
- parserOptions: { ecmaVersion: 2015 }
+ languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
})
tester.run('html-end-tags', rule, {
@@ -46,35 +37,72 @@ tester.run('html-end-tags', rule, {
{
filename: 'test.vue',
code: '