From d5b74d8543363eb82ce9ce9b7559de7e8973e92b Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Sat, 7 May 2022 14:17:09 +0200
Subject: [PATCH 1/7] Remove deprecated rules

---
 docs/rules/README.md                          |  12 -
 docs/rules/experimental-script-setup-vars.md  |  52 --
 docs/rules/name-property-casing.md            |  95 ---
 docs/rules/no-confusing-v-for-v-if.md         |  73 --
 docs/rules/no-unregistered-components.md      | 145 ----
 lib/index.js                                  |   4 -
 lib/rules/experimental-script-setup-vars.js   | 230 ------
 lib/rules/name-property-casing.js             |  72 --
 lib/rules/no-confusing-v-for-v-if.js          |  69 --
 lib/rules/no-unregistered-components.js       | 195 -----
 .../rules/experimental-script-setup-vars.js   |  58 --
 tests/lib/rules/name-property-casing.js       | 213 -----
 tests/lib/rules/no-confusing-v-for-v-if.js    |  59 --
 tests/lib/rules/no-unregistered-components.js | 777 ------------------
 14 files changed, 2054 deletions(-)
 delete mode 100644 docs/rules/experimental-script-setup-vars.md
 delete mode 100644 docs/rules/name-property-casing.md
 delete mode 100644 docs/rules/no-confusing-v-for-v-if.md
 delete mode 100644 docs/rules/no-unregistered-components.md
 delete mode 100644 lib/rules/experimental-script-setup-vars.js
 delete mode 100644 lib/rules/name-property-casing.js
 delete mode 100644 lib/rules/no-confusing-v-for-v-if.js
 delete mode 100644 lib/rules/no-unregistered-components.js
 delete mode 100644 tests/lib/rules/experimental-script-setup-vars.js
 delete mode 100644 tests/lib/rules/name-property-casing.js
 delete mode 100644 tests/lib/rules/no-confusing-v-for-v-if.js
 delete mode 100644 tests/lib/rules/no-unregistered-components.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 9a54292c9..e7b4dce32 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -308,15 +308,3 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/template-curly-spacing](./template-curly-spacing.md) | require or disallow spacing around embedded expressions of template strings in `<template>` | :wrench: | :lipstick: |
 
 </rules-table>
-
-## Deprecated
-
-- :warning: We're going to remove deprecated rules in the next major release. Please migrate to successor/new rules.
-- :innocent: We don't fix bugs which are in deprecated rules since we don't have enough resources.
-
-| Rule ID | Replaced by |
-|:--------|:------------|
-| [vue/experimental-script-setup-vars](./experimental-script-setup-vars.md) | (no replacement) |
-| [vue/name-property-casing](./name-property-casing.md) | [vue/component-definition-name-casing](./component-definition-name-casing.md) |
-| [vue/no-confusing-v-for-v-if](./no-confusing-v-for-v-if.md) | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) |
-| [vue/no-unregistered-components](./no-unregistered-components.md) | [vue/no-undef-components](./no-undef-components.md) |
diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
deleted file mode 100644
index d13710246..000000000
--- a/docs/rules/experimental-script-setup-vars.md
+++ /dev/null
@@ -1,52 +0,0 @@
----
-pageClass: rule-details
-sidebarDepth: 0
-title: vue/experimental-script-setup-vars
-description: prevent variables defined in `<script setup>` to be marked as undefined
-since: v7.0.0
----
-# vue/experimental-script-setup-vars
-
-> prevent variables defined in `<script setup>` to be marked as undefined
-
-- :warning: This rule was **deprecated**.
-
-:::warning
-This rule is an experimental rule. It may be removed without notice.
-:::
-
-This rule will find variables defined in `<script setup="args">` and mark them as defined variables.
-
-This rule only has an effect when the `no-undef` rule is enabled.
-
-:::warning
-`<script setup="args">` syntax was rejected by Vue's RFC. Check out the [new syntax](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md).
-:::
-
-## :book: Rule Details
-
-Without this rule this code triggers warning:
-
-<eslint-code-block :rules="{'no-undef': ['error'], 'vue/experimental-script-setup-vars': ['error']}">
-
-```vue
-<script setup="props, { emit }">
-import { watchEffect } from 'vue'
-
-watchEffect(() => console.log(props.msg))
-emit('foo')
-</script>
-```
-
-</eslint-code-block>
-
-After turning on, `props` and `emit` are being marked as defined and `no-undef` rule doesn't report an issue.
-
-## :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/experimental-script-setup-vars.js)
-- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/experimental-script-setup-vars.js)
diff --git a/docs/rules/name-property-casing.md b/docs/rules/name-property-casing.md
deleted file mode 100644
index 0dedbc1d3..000000000
--- a/docs/rules/name-property-casing.md
+++ /dev/null
@@ -1,95 +0,0 @@
----
-pageClass: rule-details
-sidebarDepth: 0
-title: vue/name-property-casing
-description: enforce specific casing for the name property in Vue components
-since: v3.8.0
----
-# vue/name-property-casing
-
-> enforce specific casing for the name property in Vue components
-
-- :warning: This rule was **deprecated** and replaced by [vue/component-definition-name-casing](component-definition-name-casing.md) rule.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
-
-## :book: Rule Details
-
-This rule aims at enforcing the style for the `name` property casing for consistency purposes.
-
-<eslint-code-block fix :rules="{'vue/name-property-casing': ['error']}">
-
-```vue
-<script>
-  /* ✓ GOOD */
-  export default {
-    name: 'MyComponent'
-  }
-</script>
-```
-
-</eslint-code-block>
-
-<eslint-code-block fix :rules="{'vue/name-property-casing': ['error']}">
-
-```vue
-<script>
-  /* ✗ BAD */
-  export default {
-    name: 'my-component'
-  }
-</script>
-```
-
-</eslint-code-block>
-
-## :wrench: Options
-
-```json
-{
-  "vue/name-property-casing": ["error", "PascalCase" | "kebab-case"]
-}
-```
-
-- `"PascalCase"` (default) ... Enforce the `name` property to Pascal case.
-- `"kebab-case"` ... Enforce the `name` property to kebab case.
-
-### `"kebab-case"`
-
-<eslint-code-block fix :rules="{'vue/name-property-casing': ['error', 'kebab-case']}">
-
-```vue
-<script>
-  /* ✓ GOOD */
-  export default {
-    name: 'my-component'
-  }
-</script>
-```
-
-</eslint-code-block>
-
-<eslint-code-block fix :rules="{'vue/name-property-casing': ['error', 'kebab-case']}">
-
-```vue
-<script>
-  /* ✗ BAD */
-  export default {
-    name: 'MyComponent'
-  }
-</script>
-```
-
-</eslint-code-block>
-
-## :books: Further Reading
-
-- [Style guide - Component name casing in JS/JSX](https://vuejs.org/style-guide/rules-strongly-recommended.html#component-name-casing-in-js-jsx)
-
-## :rocket: Version
-
-This rule was introduced in eslint-plugin-vue v3.8.0
-
-## :mag: Implementation
-
-- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/name-property-casing.js)
-- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/name-property-casing.js)
diff --git a/docs/rules/no-confusing-v-for-v-if.md b/docs/rules/no-confusing-v-for-v-if.md
deleted file mode 100644
index 9bdfbf3de..000000000
--- a/docs/rules/no-confusing-v-for-v-if.md
+++ /dev/null
@@ -1,73 +0,0 @@
----
-pageClass: rule-details
-sidebarDepth: 0
-title: vue/no-confusing-v-for-v-if
-description: disallow confusing `v-for` and `v-if` on the same element
-since: v3.0.0
----
-# vue/no-confusing-v-for-v-if
-
-> disallow confusing `v-for` and `v-if` on the same element
-
-- :warning: This rule was **deprecated** and replaced by [vue/no-use-v-if-with-v-for](no-use-v-if-with-v-for.md) rule.
-
-## :book: Rule Details
-
-This rule reports the elements which have both `v-for` and `v-if` directives in the following cases:
-
-- The `v-if` directive does not use the reference which is to the variables which are defined by the `v-for` directives.
-
-In that case, the `v-if` should be written on the wrapper element.
-
-<eslint-code-block :rules="{'vue/no-confusing-v-for-v-if': ['error']}">
-
-```vue
-<template>
-  <!-- ✓ GOOD -->
-  <TodoItem
-    v-for="todo in todos"
-    v-if="todo.shown"
-    :todo="todo"
-  />
-  <ul v-if="shown">
-    <TodoItem
-      v-for="todo in todos"
-      :todo="todo"
-    />
-  </ul>
-
-  <!-- ✗ BAD -->
-  <TodoItem
-    v-if="complete"
-    v-for="todo in todos"
-    :todo="todo"
-  />
-</template>
-```
-
-</eslint-code-block>
-
-::: 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.
-
-[https://vuejs.org/guide/essentials/list.html#v-for-with-v-if](https://vuejs.org/guide/essentials/list.html#v-for-with-v-if)
-:::
-
-## :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-unregistered-components.md b/docs/rules/no-unregistered-components.md
deleted file mode 100644
index 16b5c8a1b..000000000
--- a/docs/rules/no-unregistered-components.md
+++ /dev/null
@@ -1,145 +0,0 @@
----
-pageClass: rule-details
-sidebarDepth: 0
-title: vue/no-unregistered-components
-description: disallow using components that are not registered inside templates
-since: v7.0.0
----
-# vue/no-unregistered-components
-
-> disallow using components that are not registered inside templates
-
-- :warning: This rule was **deprecated** and replaced by [vue/no-undef-components](no-undef-components.md) rule.
-
-## :book: Rule Details
-
-This rule reports components that haven't been registered and are being used in the template.
-
-::: warning Note
-This rule cannot check globally registered components and components registered in mixins
-unless you add them as part of the ignored patterns. `component`, `suspense` and `teleport`
-are ignored by default.
-:::
-
-<eslint-code-block :rules="{'vue/no-unregistered-components': ['error']}">
-
-```vue
-<!-- ✓ GOOD -->
-<template>
-  <div>
-    <h2>Lorem ipsum</h2>
-    <the-modal>
-      <component is="TheInput" />
-      <component :is="'TheDropdown'" />
-      <TheButton>CTA</TheButton>
-    </the-modal>
-  </div>
-</template>
-
-<script>
-  import TheButton from 'components/TheButton.vue'
-  import TheModal from 'components/TheModal.vue'
-  import TheInput from 'components/TheInput.vue'
-  import TheDropdown from 'components/TheDropdown.vue'
-
-  export default {
-    components: {
-      TheButton,
-      TheModal,
-      TheInput,
-      TheDropdown,
-    }
-  }
-</script>
-```
-
-</eslint-code-block>
-
-<eslint-code-block :rules="{'vue/no-unregistered-components': ['error']}">
-
-```vue
-<!-- ✗ BAD -->
-<template>
-  <div>
-    <h2>Lorem ipsum</h2>
-    <TheModal />
-  </div>
-</template>
-
-<script>
-  export default {
-    components: {
-
-    }
-  }
-</script>
-```
-
-</eslint-code-block>
-
-## :wrench: Options
-
-```json
-{
-  "vue/no-unregistered-components": ["error", {
-    "ignorePatterns": []
-  }]
-}
-```
-
-- `ignorePatterns` Suppresses all errors if component name matches one or more patterns.
-
-### `ignorePatterns: ['custom(\\-\\w+)+']`
-
-<eslint-code-block :rules="{'vue/no-unregistered-components': ['error', { 'ignorePatterns': ['custom(\\-\\w+)+'] }]}">
-
-```vue
-<!-- ✓ GOOD -->
-<template>
-  <div>
-    <h2>Lorem ipsum</h2>
-    <CustomComponent />
-  </div>
-</template>
-
-<script>
-  export default {
-    components: {
-
-    },
-  }
-</script>
-```
-
-</eslint-code-block>
-
-<eslint-code-block :rules="{'vue/no-unregistered-components': ['error', { 'ignorePatterns': ['custom(\\-\\w+)+'] }]}">
-
-```vue
-<!-- ✗ BAD -->
-<template>
-  <div>
-    <h2>Lorem ipsum</h2>
-    <WarmButton />
-  </div>
-</template>
-
-<script>
-  export default {
-    components: {
-
-    },
-  }
-</script>
-```
-
-</eslint-code-block>
-
-## :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/no-unregistered-components.js)
-- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-unregistered-components.js)
diff --git a/lib/index.js b/lib/index.js
index 39f91b515..1e41d2f15 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -31,7 +31,6 @@ module.exports = {
     'dot-location': require('./rules/dot-location'),
     'dot-notation': require('./rules/dot-notation'),
     eqeqeq: require('./rules/eqeqeq'),
-    'experimental-script-setup-vars': require('./rules/experimental-script-setup-vars'),
     'first-attribute-linebreak': require('./rules/first-attribute-linebreak'),
     'func-call-spacing': require('./rules/func-call-spacing'),
     'html-button-has-type': require('./rules/html-button-has-type'),
@@ -54,7 +53,6 @@ module.exports = {
     'multi-word-component-names': require('./rules/multi-word-component-names'),
     'multiline-html-element-content-newline': require('./rules/multiline-html-element-content-newline'),
     'mustache-interpolation-spacing': require('./rules/mustache-interpolation-spacing'),
-    'name-property-casing': require('./rules/name-property-casing'),
     'new-line-between-multi-line-property': require('./rules/new-line-between-multi-line-property'),
     'next-tick-style': require('./rules/next-tick-style'),
     'no-arrow-functions-in-watch': require('./rules/no-arrow-functions-in-watch'),
@@ -63,7 +61,6 @@ module.exports = {
     'no-boolean-default': require('./rules/no-boolean-default'),
     'no-child-content': require('./rules/no-child-content'),
     'no-computed-properties-in-data': require('./rules/no-computed-properties-in-data'),
-    'no-confusing-v-for-v-if': require('./rules/no-confusing-v-for-v-if'),
     'no-constant-condition': require('./rules/no-constant-condition'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
@@ -133,7 +130,6 @@ module.exports = {
     'no-this-in-before-route-enter': require('./rules/no-this-in-before-route-enter'),
     'no-undef-components': require('./rules/no-undef-components'),
     'no-undef-properties': require('./rules/no-undef-properties'),
-    'no-unregistered-components': require('./rules/no-unregistered-components'),
     'no-unsupported-features': require('./rules/no-unsupported-features'),
     'no-unused-components': require('./rules/no-unused-components'),
     'no-unused-properties': require('./rules/no-unused-properties'),
diff --git a/lib/rules/experimental-script-setup-vars.js b/lib/rules/experimental-script-setup-vars.js
deleted file mode 100644
index 878f2f2b1..000000000
--- a/lib/rules/experimental-script-setup-vars.js
+++ /dev/null
@@ -1,230 +0,0 @@
-/**
- * @fileoverview prevent variables defined in `<script setup>` to be marked as undefined
- * @author Yosuke Ota
- */
-'use strict'
-
-const Module = require('module')
-const path = require('path')
-const utils = require('../utils')
-const AST = require('vue-eslint-parser').AST
-
-const ecmaVersion = 2020
-
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
-module.exports = {
-  meta: {
-    type: 'problem',
-    docs: {
-      description:
-        'prevent variables defined in `<script setup>` to be marked as undefined', // eslint-disable-line eslint-plugin/require-meta-docs-description
-      categories: undefined,
-      url: 'https://eslint.vuejs.org/rules/experimental-script-setup-vars.html'
-    },
-    deprecated: true,
-    schema: []
-  },
-  /**
-   * @param {RuleContext} context - The rule context.
-   * @returns {RuleListener} AST event handlers.
-   */
-  create(context) {
-    const documentFragment =
-      context.parserServices.getDocumentFragment &&
-      context.parserServices.getDocumentFragment()
-    if (!documentFragment) {
-      return {}
-    }
-    const sourceCode = context.getSourceCode()
-    const scriptElement = documentFragment.children
-      .filter(utils.isVElement)
-      .find(
-        (element) =>
-          element.name === 'script' &&
-          element.range[0] <= sourceCode.ast.range[0] &&
-          sourceCode.ast.range[1] <= element.range[1]
-      )
-    if (!scriptElement) {
-      return {}
-    }
-    const setupAttr = utils.getAttribute(scriptElement, 'setup')
-    if (!setupAttr || !setupAttr.value) {
-      return {}
-    }
-    const value = setupAttr.value.value
-
-    let eslintScope
-    try {
-      eslintScope = getESLintModule('eslint-scope', () =>
-        // @ts-ignore
-        require('eslint-scope')
-      )
-    } catch (_error) {
-      context.report({
-        node: setupAttr,
-        message: 'Can not be resolved eslint-scope.'
-      })
-      return {}
-    }
-    let espree
-    try {
-      espree = getESLintModule('espree', () =>
-        // @ts-ignore
-        require('espree')
-      )
-    } catch (_error) {
-      context.report({
-        node: setupAttr,
-        message: 'Can not be resolved espree.'
-      })
-      return {}
-    }
-
-    const globalScope = sourceCode.scopeManager.scopes[0]
-
-    /** @type {string[]} */
-    let vars
-    try {
-      vars = parseSetup(value, espree, eslintScope)
-    } catch (_error) {
-      context.report({
-        node: setupAttr.value,
-        message: 'Parsing error.'
-      })
-      return {}
-    }
-
-    // Define configured global variables.
-    for (const id of vars) {
-      const tempVariable = globalScope.set.get(id)
-
-      /** @type {Variable} */
-      let variable
-      if (!tempVariable) {
-        variable = new eslintScope.Variable(id, globalScope)
-
-        globalScope.variables.push(variable)
-        globalScope.set.set(id, variable)
-      } else {
-        variable = tempVariable
-      }
-
-      variable.eslintImplicitGlobalSetting = 'readonly'
-      variable.eslintExplicitGlobal = undefined
-      variable.eslintExplicitGlobalComments = undefined
-      variable.writeable = false
-    }
-
-    /*
-     * "through" contains all references which definitions cannot be found.
-     * Since we augment the global scope using configuration, we need to update
-     * references and remove the ones that were added by configuration.
-     */
-    globalScope.through = globalScope.through.filter((reference) => {
-      const name = reference.identifier.name
-      const variable = globalScope.set.get(name)
-
-      if (variable) {
-        /*
-         * Links the variable and the reference.
-         * And this reference is removed from `Scope#through`.
-         */
-        reference.resolved = variable
-        variable.references.push(reference)
-
-        return false
-      }
-
-      return true
-    })
-
-    return {}
-  }
-}
-
-/**
- * @param {string} code
- * @param {any} espree
- * @param {any} eslintScope
- * @returns {string[]}
- */
-function parseSetup(code, espree, eslintScope) {
-  /** @type {Program} */
-  const ast = espree.parse(`(${code})=>{}`, { ecmaVersion })
-  const result = eslintScope.analyze(ast, {
-    ignoreEval: true,
-    nodejsScope: false,
-    ecmaVersion,
-    sourceType: 'script',
-    fallback: AST.getFallbackKeys
-  })
-
-  const variables = /** @type {Variable[]} */ (
-    result.globalScope.childScopes[0].variables
-  )
-
-  return variables.map((v) => v.name)
-}
-
-const createRequire =
-  // Added in v12.2.0
-  Module.createRequire ||
-  // Added in v10.12.0, but deprecated in v12.2.0.
-  Module.createRequireFromPath ||
-  // Polyfill - This is not executed on the tests on node@>=10.
-  /**
-   * @param {string} filename
-   */
-  function (filename) {
-    const mod = new Module(filename)
-
-    mod.filename = filename
-    // @ts-ignore
-    mod.paths = Module._nodeModulePaths(path.dirname(filename))
-    // @ts-ignore
-    mod._compile('module.exports = require;', filename)
-    return mod.exports
-  }
-
-/** @type { { 'espree'?: any, 'eslint-scope'?: any } } */
-const modulesCache = {}
-
-/**
- * @param {string} p
- */
-function isLinterPath(p) {
-  return (
-    // ESLint 6 and above
-    p.includes(`eslint${path.sep}lib${path.sep}linter${path.sep}linter.js`) ||
-    // ESLint 5
-    p.includes(`eslint${path.sep}lib${path.sep}linter.js`)
-  )
-}
-
-/**
- * Load module from the loaded ESLint.
- * If the loaded ESLint was not found, just returns `fallback()`.
- * @param {'espree' | 'eslint-scope'} name
- * @param { () => any } fallback
- */
-function getESLintModule(name, fallback) {
-  if (!modulesCache[name]) {
-    // Lookup the loaded eslint
-    const linterPath = Object.keys(require.cache).find(isLinterPath)
-    if (linterPath) {
-      try {
-        modulesCache[name] = createRequire(linterPath)(name)
-      } catch (_error) {
-        // ignore
-      }
-    }
-    if (!modulesCache[name]) {
-      modulesCache[name] = fallback()
-    }
-  }
-
-  return modulesCache[name]
-}
diff --git a/lib/rules/name-property-casing.js b/lib/rules/name-property-casing.js
deleted file mode 100644
index 19a1827e3..000000000
--- a/lib/rules/name-property-casing.js
+++ /dev/null
@@ -1,72 +0,0 @@
-/**
- * @fileoverview Requires specific casing for the name property in Vue components
- * @author Armano
- */
-'use strict'
-
-const utils = require('../utils')
-const casing = require('../utils/casing')
-const allowedCaseOptions = ['PascalCase', 'kebab-case']
-
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
-module.exports = {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description:
-        'enforce specific casing for the name property in Vue components',
-      categories: ['vue3-strongly-recommended', 'strongly-recommended'],
-      url: 'https://eslint.vuejs.org/rules/name-property-casing.html'
-    },
-    deprecated: true,
-    replacedBy: ['component-definition-name-casing'],
-    fixable: 'code', // or "code" or "whitespace"
-    schema: [
-      {
-        enum: allowedCaseOptions
-      }
-    ]
-  },
-  /** @param {RuleContext} context */
-  create(context) {
-    const options = context.options[0]
-    const caseType = allowedCaseOptions.includes(options)
-      ? options
-      : 'PascalCase'
-
-    // ----------------------------------------------------------------------
-    // Public
-    // ----------------------------------------------------------------------
-
-    return utils.executeOnVue(context, (obj) => {
-      const node = utils.findProperty(obj, 'name')
-
-      if (!node) return
-      const valueNode = node.value
-      if (valueNode.type !== 'Literal') return
-
-      if (!casing.getChecker(caseType)(`${valueNode.value}`)) {
-        const value = casing.getExactConverter(caseType)(`${valueNode.value}`)
-        context.report({
-          node: valueNode,
-          message: 'Property name "{{value}}" is not {{caseType}}.',
-          data: {
-            value: `${valueNode.value}`,
-            caseType
-          },
-          fix: (fixer) =>
-            fixer.replaceText(
-              valueNode,
-              context
-                .getSourceCode()
-                .getText(valueNode)
-                .replace(`${valueNode.value}`, value)
-            )
-        })
-      }
-    })
-  }
-}
diff --git a/lib/rules/no-confusing-v-for-v-if.js b/lib/rules/no-confusing-v-for-v-if.js
deleted file mode 100644
index 1842f7c8c..000000000
--- a/lib/rules/no-confusing-v-for-v-if.js
+++ /dev/null
@@ -1,69 +0,0 @@
-/**
- * @author Toru Nagashima
- * @copyright 2017 Toru Nagashima. All rights reserved.
- * See LICENSE file in root directory for full license.
- */
-'use strict'
-
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
-const utils = require('../utils')
-
-// ------------------------------------------------------------------------------
-// Helpers
-// ------------------------------------------------------------------------------
-
-/**
- * Check whether the given `v-if` node is using the variable which is defined by the `v-for` directive.
- * @param {VDirective} vIf The `v-if` attribute node to check.
- * @returns {boolean} `true` if the `v-if` is using the variable which is defined by the `v-for` directive.
- */
-function isUsingIterationVar(vIf) {
-  const element = vIf.parent.parent
-  return Boolean(
-    vIf.value &&
-      vIf.value.references.some((reference) =>
-        element.variables.some(
-          (variable) =>
-            variable.id.name === reference.id.name && variable.kind === 'v-for'
-        )
-      )
-  )
-}
-
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
-module.exports = {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description: 'disallow confusing `v-for` and `v-if` on the same element',
-      categories: ['vue3-recommended', 'recommended'],
-      url: 'https://eslint.vuejs.org/rules/no-confusing-v-for-v-if.html'
-    },
-    deprecated: true,
-    replacedBy: ['no-use-v-if-with-v-for'],
-    fixable: null,
-    schema: []
-  },
-  /** @param {RuleContext} context */
-  create(context) {
-    return utils.defineTemplateBodyVisitor(context, {
-      "VAttribute[directive=true][key.name.name='if']"(node) {
-        const element = node.parent.parent
-
-        if (utils.hasDirective(element, 'for') && !isUsingIterationVar(node)) {
-          context.report({
-            node,
-            loc: node.loc,
-            message: "This 'v-if' should be moved to the wrapper element."
-          })
-        }
-      }
-    })
-  }
-}
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
deleted file mode 100644
index 729685083..000000000
--- a/lib/rules/no-unregistered-components.js
+++ /dev/null
@@ -1,195 +0,0 @@
-/**
- * @fileoverview Report used components that are not registered
- * @author Jesús Ángel González Novez
- */
-'use strict'
-
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
-const utils = require('../utils')
-const casing = require('../utils/casing')
-
-// ------------------------------------------------------------------------------
-// Rule helpers
-// ------------------------------------------------------------------------------
-
-/**
- * Check whether the given node is a built-in component or not.
- *
- * Includes `suspense` and `teleport` from Vue 3.
- *
- * @param {VElement} node The start tag node to check.
- * @returns {boolean} `true` if the node is a built-in component.
- */
-const isBuiltInComponent = (node) => {
-  const rawName = node && casing.kebabCase(node.rawName)
-  return (
-    utils.isHtmlElementNode(node) &&
-    !utils.isHtmlWellKnownElementName(node.rawName) &&
-    utils.isBuiltInComponentName(rawName)
-  )
-}
-
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
-module.exports = {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description:
-        'disallow using components that are not registered inside templates',
-      categories: null,
-      recommended: false,
-      url: 'https://eslint.vuejs.org/rules/no-unregistered-components.html'
-    },
-    deprecated: true,
-    replacedBy: ['no-undef-components'],
-    fixable: null,
-    schema: [
-      {
-        type: 'object',
-        properties: {
-          ignorePatterns: {
-            type: 'array'
-          }
-        },
-        additionalProperties: false
-      }
-    ]
-  },
-  /** @param {RuleContext} context */
-  create(context) {
-    if (utils.isScriptSetup(context)) {
-      return {}
-    }
-    const options = context.options[0] || {}
-    /** @type {string[]} */
-    const ignorePatterns = options.ignorePatterns || []
-    /** @type { { node: VElement | VDirective | VAttribute, name: string }[] } */
-    const usedComponentNodes = []
-    /** @type { { node: Property, name: string }[] } */
-    const registeredComponents = []
-
-    return utils.defineTemplateBodyVisitor(
-      context,
-      {
-        /** @param {VElement} node */
-        VElement(node) {
-          if (
-            (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
-            utils.isHtmlWellKnownElementName(node.rawName) ||
-            utils.isSvgWellKnownElementName(node.rawName) ||
-            isBuiltInComponent(node)
-          ) {
-            return
-          }
-
-          usedComponentNodes.push({ node, name: node.rawName })
-        },
-        /** @param {VDirective} node */
-        "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is'], VAttribute[directive=true][key.name.name='is']"(
-          node
-        ) {
-          if (
-            !node.value ||
-            node.value.type !== 'VExpressionContainer' ||
-            !node.value.expression
-          )
-            return
-
-          if (node.value.expression.type === 'Literal') {
-            if (
-              utils.isHtmlWellKnownElementName(`${node.value.expression.value}`)
-            )
-              return
-            usedComponentNodes.push({
-              node,
-              name: `${node.value.expression.value}`
-            })
-          }
-        },
-        /** @param {VAttribute} node */
-        "VAttribute[directive=false][key.name='is']"(node) {
-          if (
-            !node.value // `<component is />`
-          )
-            return
-          const value = node.value.value.startsWith('vue:') // Usage on native elements 3.1+
-            ? node.value.value.slice(4)
-            : node.value.value
-          if (utils.isHtmlWellKnownElementName(value)) return
-          usedComponentNodes.push({ node, name: value })
-        },
-        "VElement[name='template'][parent.type='VDocumentFragment']:exit"() {
-          // All registered components, transformed to kebab-case
-          const registeredComponentNames = new Set(
-            registeredComponents.map(({ name }) => casing.kebabCase(name))
-          )
-
-          // All registered components using kebab-case syntax
-          const componentsRegisteredAsKebabCase = new Set(
-            registeredComponents.flatMap(({ name }) =>
-              name === casing.kebabCase(name) ? [name] : []
-            )
-          )
-
-          const reportNodes = usedComponentNodes.filter(({ name }) => {
-            const kebabCaseName = casing.kebabCase(name)
-
-            // Check ignored patterns in first place
-            if (
-              ignorePatterns.some((pattern) => {
-                const regExp = new RegExp(pattern)
-                return (
-                  regExp.test(kebabCaseName) ||
-                  regExp.test(casing.pascalCase(name)) ||
-                  regExp.test(casing.camelCase(name)) ||
-                  regExp.test(casing.snakeCase(name)) ||
-                  regExp.test(name)
-                )
-              })
-            )
-              return false
-
-            // Component registered as `foo-bar` cannot be used as `FooBar`
-            if (
-              casing.isPascalCase(name) &&
-              componentsRegisteredAsKebabCase.has(kebabCaseName)
-            ) {
-              return true
-            }
-
-            // Otherwise
-            return !registeredComponentNames.has(kebabCaseName)
-          })
-          for (const { node, name } of reportNodes) {
-            context.report({
-              node,
-              message:
-                'The "{{name}}" component has been used but not registered.',
-              data: {
-                name
-              }
-            })
-          }
-        }
-      },
-      utils.executeOnVue(context, (obj) => {
-        registeredComponents.push(...utils.getRegisteredComponents(obj))
-
-        const nameProperty = utils.findProperty(obj, 'name')
-
-        if (nameProperty && nameProperty.value.type === 'Literal') {
-          registeredComponents.push({
-            node: nameProperty,
-            name: `${nameProperty.value.value}`
-          })
-        }
-      })
-    )
-  }
-}
diff --git a/tests/lib/rules/experimental-script-setup-vars.js b/tests/lib/rules/experimental-script-setup-vars.js
deleted file mode 100644
index 089019c7c..000000000
--- a/tests/lib/rules/experimental-script-setup-vars.js
+++ /dev/null
@@ -1,58 +0,0 @@
-/**
- * @author Yosuke Ota
- */
-'use strict'
-
-const { RuleTester } = require('eslint')
-const rule = require('../../../lib/rules/experimental-script-setup-vars')
-
-const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
-})
-
-tester.run('experimental-script-setup-vars', rule, {
-  valid: [
-    `
-    <script setup="props, { emit }">
-    import { watchEffect } from 'vue'
-
-    watchEffect(() => console.log(props.msg))
-    emit('foo')
-    </script>`,
-    `
-    <script setup>
-    export let count = 1
-    </script>`,
-    `
-    <script>
-    import { watchEffect } from 'vue'
-
-    export default {
-      setup (props, { emit }) {
-        watchEffect(() => console.log(props.msg))
-        emit('foo')
-        return {}
-      }
-    }
-    </script>`,
-    `
-    <template>
-      <div />
-    </template>`
-  ],
-  invalid: [
-    {
-      code: `
-      <script setup="a - b">
-      </script>
-      `,
-      errors: [
-        {
-          message: 'Parsing error.',
-          line: 2
-        }
-      ]
-    }
-  ]
-})
diff --git a/tests/lib/rules/name-property-casing.js b/tests/lib/rules/name-property-casing.js
deleted file mode 100644
index a7a8d41cc..000000000
--- a/tests/lib/rules/name-property-casing.js
+++ /dev/null
@@ -1,213 +0,0 @@
-/**
- * @fileoverview Define a style for the name property casing for consistency purposes
- * @author Armano
- */
-'use strict'
-
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
-const rule = require('../../../lib/rules/name-property-casing')
-const RuleTester = require('eslint').RuleTester
-
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
-const parserOptions = {
-  ecmaVersion: 2018,
-  sourceType: 'module'
-}
-
-const ruleTester = new RuleTester()
-ruleTester.run('name-property-casing', rule, {
-  valid: [
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-        }
-      `,
-      parserOptions
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          ...name
-        }
-      `,
-      parserOptions
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
-      parserOptions
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
-      options: ['PascalCase'],
-      parserOptions
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo-bar'
-        }
-      `,
-      options: ['kebab-case'],
-      parserOptions
-    }
-  ],
-
-  invalid: [
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo-bar'
-        }
-      `,
-      output: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
-      parserOptions,
-      errors: [
-        {
-          message: 'Property name "foo-bar" is not PascalCase.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo  bar'
-        }
-      `,
-      output: null,
-      parserOptions,
-      errors: [
-        {
-          message: 'Property name "foo  bar" is not PascalCase.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo!bar'
-        }
-      `,
-      output: null,
-      parserOptions,
-      errors: [
-        {
-          message: 'Property name "foo!bar" is not PascalCase.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.js',
-      code: `
-        new Vue({
-          name: 'foo!bar'
-        })
-      `,
-      output: null,
-      parserOptions: { ecmaVersion: 6 },
-      errors: [
-        {
-          message: 'Property name "foo!bar" is not PascalCase.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo_bar'
-        }
-      `,
-      output: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
-      parserOptions,
-      errors: [
-        {
-          message: 'Property name "foo_bar" is not PascalCase.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo_bar'
-        }
-      `,
-      output: `
-        export default {
-          name: 'FooBar'
-        }
-      `,
-      options: ['PascalCase'],
-      parserOptions,
-      errors: [
-        {
-          message: 'Property name "foo_bar" is not PascalCase.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        export default {
-          name: 'foo_bar'
-        }
-      `,
-      output: `
-        export default {
-          name: 'foo-bar'
-        }
-      `,
-      options: ['kebab-case'],
-      parserOptions,
-      errors: [
-        {
-          message: 'Property name "foo_bar" is not kebab-case.',
-          type: 'Literal',
-          line: 3
-        }
-      ]
-    }
-  ]
-})
diff --git a/tests/lib/rules/no-confusing-v-for-v-if.js b/tests/lib/rules/no-confusing-v-for-v-if.js
deleted file mode 100644
index 47959aeb4..000000000
--- a/tests/lib/rules/no-confusing-v-for-v-if.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * @author Toru Nagashima
- * @copyright 2017 Toru Nagashima. All rights reserved.
- * See LICENSE file in root directory for full license.
- */
-'use strict'
-
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
-const RuleTester = require('eslint').RuleTester
-const rule = require('../../../lib/rules/no-confusing-v-for-v-if')
-
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
-const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: { ecmaVersion: 2015 }
-})
-
-tester.run('no-confusing-v-for-v-if', rule, {
-  valid: [
-    {
-      filename: 'test.vue',
-      code: ''
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="x"></div></div></template>'
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="x.foo"></div></div></template>'
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div><div v-for="(x,i) in list" v-if="i%2==0"></div></div></template>'
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div v-if="shown"><div v-for="(x,i) in list"></div></div></template>'
-    }
-  ],
-  invalid: [
-    {
-      filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="shown"></div></div></template>',
-      errors: ["This 'v-if' should be moved to the wrapper element."]
-    },
-    {
-      filename: 'test.vue',
-      code: '<template><div><div v-for="x in list" v-if="list.length&gt;0"></div></div></template>',
-      errors: ["This 'v-if' should be moved to the wrapper element."]
-    }
-  ]
-})
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
deleted file mode 100644
index f120cde81..000000000
--- a/tests/lib/rules/no-unregistered-components.js
+++ /dev/null
@@ -1,777 +0,0 @@
-/**
- * @fileoverview Report used components that are not registered
- * @author Jesús Ángel González Novez
- */
-'use strict'
-
-// ------------------------------------------------------------------------------
-// Requirements
-// ------------------------------------------------------------------------------
-
-const RuleTester = require('eslint').RuleTester
-const rule = require('../../../lib/rules/no-unregistered-components')
-
-// ------------------------------------------------------------------------------
-// Tests
-// ------------------------------------------------------------------------------
-
-const tester = new RuleTester({
-  parser: require.resolve('vue-eslint-parser'),
-  parserOptions: {
-    ecmaVersion: 2018,
-    sourceType: 'module'
-  }
-})
-
-tester.run('no-unregistered-components', rule, {
-  valid: [
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <div>Lorem ipsum</div>
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['custom(\\-\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent>
-            Some text
-          </CustomComponent>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['custom(\\-\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <custom-component>
-            Some text
-          </custom-component>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['custom(\\-\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <custom-component>
-            Some text
-          </custom-component>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['Custom(\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <custom_component>
-            Some text
-          </custom_component>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['Custom(\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <customComponent>
-            Some text
-          </customComponent>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['Custom(\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <customComponent>
-            <warm-code>Text</warm-code>
-            <InfoBtnPrimary value="text" />
-          </customComponent>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['Custom(\\w+)+', 'Warm(\\w+)+', 'InfoBtn(\\w+)+']
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-        <script>
-        export default {
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent>
-            Some text
-          </CustomComponent>
-        </template>
-        <script>
-        export default {
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="'CustomComponent'">
-            Some text
-          </component>
-        </template>
-        <script>
-        export default {
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component v-if="showComponent" :is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          data: () => ({
-            showComponent: true
-          }),
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component v-if="showComponent" :is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          data: () => ({
-            showComponent: false
-          }),
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="'div'" />
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component is="div" />
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component is="span">
-            Text
-          </component>
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <Component is="div" />
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <Component is="span">
-            Text
-          </Component>
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="name" />
-        </template>
-        <script>
-        export default {
-          data: () => ({ name: 'div' })
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="name" />
-        </template>
-        <script>
-        export default {
-          data: () => ({ name: 'warm-button' }),
-          components: { WarmButton }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <teleport />
-          <suspense />
-          <suspense>
-            <div>Text</div>
-          </suspense>
-          <Teleport />
-          <Suspense />
-          <Suspense>
-            <div>Text</div>
-          </Suspense>
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <transition />
-          <transition-group />
-          <keep-alive />
-          <transition>
-            <div>Text</div>
-          </transition>
-          <TransitionGroup />
-          <KeepAlive />
-          <Transition>
-            <div>Text</div>
-          </Transition>
-          <Slot />
-          <slot />
-          <slot>
-            foo
-          </slot>
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <Custom-Component />
-        </template>
-        <script>
-        export default {
-          components: {
-            'custom-component': InfoPrimaryWrapper
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component is />
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <Component is />
-        </template>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <div v-is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          components: {
-            CustomComponent
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-        <script>
-        export default {
-          name: 'CustomComponent'
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <custom-component />
-        </template>
-        <script>
-        export default {
-          name: 'CustomComponent'
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          name: 'CustomComponent'
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component is="CustomComponent" />
-        </template>
-        <script>
-        export default {
-          name: 'CustomComponent'
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component is="vue:CustomComponent" />
-        </template>
-        <script>
-        export default {
-          name: 'CustomComponent'
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <div v-is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          name: 'CustomComponent'
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponentWithNamedSlots>
-            <template #slotA>
-              <div>Text</div>
-            </template>
-          </CustomComponentWithNamedSlots>
-        </template>
-        <script>
-        export default {
-          components: {
-            CustomComponentWithNamedSlots
-          }
-        }
-        </script>
-      `
-    },
-    {
-      filename: 'test.vue',
-      code: `
-      <template>
-        <TheModal />
-      </template>
-
-      <script setup>
-      import TheModal from 'foo'
-      </script>`
-    }
-  ],
-  invalid: [
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <WarmButton />
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['custom(\\-\\w+)+']
-        }
-      ],
-      errors: [
-        {
-          message:
-            'The "WarmButton" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent>
-            Some text
-          </CustomComponent>
-        </template>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <WarmButton>
-            Some text
-          </WarmButton>
-        </template>
-      `,
-      options: [
-        {
-          ignorePatterns: ['custom(\\-\\w+)+']
-        }
-      ],
-      errors: [
-        {
-          message:
-            'The "WarmButton" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-        <script>
-        export default {
-          components: {
-            WarmButton
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent>
-            Some text
-          </CustomComponent>
-        </template>
-        <script>
-        export default {
-          components: {
-            WarmButton
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="'CustomComponent'" />
-        </template>
-        <script>
-        export default {
-          components: {
-            WarmButton
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <component :is="'CustomComponent'">
-            Some text
-          </component>
-        </template>
-        <script>
-        export default {
-          components: {
-            WarmButton
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-        <script>
-        export default {
-          components: {
-            'custom-component': InfoPrimaryWrapper
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-        <script>
-        export default {
-          name: CustomComponent
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponent" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponentWithNamedSlots>
-            <template #slotA>
-              <div>Text</div>
-            </template>
-          </CustomComponentWithNamedSlots>
-        </template>
-      `,
-      errors: [
-        {
-          message:
-            'The "CustomComponentWithNamedSlots" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <div is="vue:foo" />
-        </template>
-        <script>
-        export default {
-          components: {
-            bar
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message: 'The "foo" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <div v-is="'foo'" />
-        </template>
-        <script>
-        export default {
-          components: {
-            bar
-          }
-        }
-        </script>
-      `,
-      errors: [
-        {
-          message: 'The "foo" component has been used but not registered.',
-          line: 3
-        }
-      ]
-    }
-  ]
-})

From 4c6636abfeced14de0377963f4e859780dcccde5 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Sat, 7 May 2022 15:16:29 +0200
Subject: [PATCH 2/7] Remove no longer needed `script-setup` test

---
 tests/lib/script-setup.js | 49 ---------------------------------------
 1 file changed, 49 deletions(-)
 delete mode 100644 tests/lib/script-setup.js

diff --git a/tests/lib/script-setup.js b/tests/lib/script-setup.js
deleted file mode 100644
index ad7409dcb..000000000
--- a/tests/lib/script-setup.js
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * @author Yosuke Ota <https://github.com/ota-meshi>
- * See LICENSE file in root directory for full license.
- */
-'use strict'
-
-const Linter = require('eslint').Linter
-const parser = require('vue-eslint-parser')
-const assert = require('assert')
-const experimentalScriptSetupVars = require('../../lib/rules/experimental-script-setup-vars')
-
-const baseConfig = {
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    ecmaVersion: 2020,
-    sourceType: 'module'
-  }
-}
-
-describe('script-setup test cases', () => {
-  const linter = new Linter()
-  linter.defineParser('vue-eslint-parser', parser)
-  linter.defineRule(
-    'vue/experimental-script-setup-vars',
-    experimentalScriptSetupVars
-  )
-
-  describe('temporary supports.', () => {
-    const config = Object.assign({}, baseConfig, {
-      globals: { console: false },
-      rules: {
-        'vue/experimental-script-setup-vars': 'error',
-        'no-undef': 'error'
-      }
-    })
-
-    it('should not be marked.', () => {
-      const code = `
-      <script setup="props, { emit }">
-      import { watchEffect } from 'vue'
-
-      watchEffect(() => console.log(props.msg))
-      emit('foo')
-      </script>`
-      const messages = linter.verify(code, config, 'test.vue')
-      assert.deepStrictEqual(messages, [])
-    })
-  })
-})

From 065592b05293c65d08690e705e4768c223ef9239 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Thu, 12 May 2022 11:08:06 +0200
Subject: [PATCH 3/7] Restore docs from removed rules

---
 docs/rules/experimental-script-setup-vars.md |  52 +++++++
 docs/rules/name-property-casing.md           |  95 ++++++++++++
 docs/rules/no-confusing-v-for-v-if.md        |  73 ++++++++++
 docs/rules/no-unregistered-components.md     | 145 +++++++++++++++++++
 4 files changed, 365 insertions(+)
 create mode 100644 docs/rules/experimental-script-setup-vars.md
 create mode 100644 docs/rules/name-property-casing.md
 create mode 100644 docs/rules/no-confusing-v-for-v-if.md
 create mode 100644 docs/rules/no-unregistered-components.md

diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
new file mode 100644
index 000000000..d13710246
--- /dev/null
+++ b/docs/rules/experimental-script-setup-vars.md
@@ -0,0 +1,52 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/experimental-script-setup-vars
+description: prevent variables defined in `<script setup>` to be marked as undefined
+since: v7.0.0
+---
+# vue/experimental-script-setup-vars
+
+> prevent variables defined in `<script setup>` to be marked as undefined
+
+- :warning: This rule was **deprecated**.
+
+:::warning
+This rule is an experimental rule. It may be removed without notice.
+:::
+
+This rule will find variables defined in `<script setup="args">` and mark them as defined variables.
+
+This rule only has an effect when the `no-undef` rule is enabled.
+
+:::warning
+`<script setup="args">` syntax was rejected by Vue's RFC. Check out the [new syntax](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md).
+:::
+
+## :book: Rule Details
+
+Without this rule this code triggers warning:
+
+<eslint-code-block :rules="{'no-undef': ['error'], 'vue/experimental-script-setup-vars': ['error']}">
+
+```vue
+<script setup="props, { emit }">
+import { watchEffect } from 'vue'
+
+watchEffect(() => console.log(props.msg))
+emit('foo')
+</script>
+```
+
+</eslint-code-block>
+
+After turning on, `props` and `emit` are being marked as defined and `no-undef` rule doesn't report an issue.
+
+## :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/experimental-script-setup-vars.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/experimental-script-setup-vars.js)
diff --git a/docs/rules/name-property-casing.md b/docs/rules/name-property-casing.md
new file mode 100644
index 000000000..0dedbc1d3
--- /dev/null
+++ b/docs/rules/name-property-casing.md
@@ -0,0 +1,95 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/name-property-casing
+description: enforce specific casing for the name property in Vue components
+since: v3.8.0
+---
+# vue/name-property-casing
+
+> enforce specific casing for the name property in Vue components
+
+- :warning: This rule was **deprecated** and replaced by [vue/component-definition-name-casing](component-definition-name-casing.md) rule.
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule aims at enforcing the style for the `name` property casing for consistency purposes.
+
+<eslint-code-block fix :rules="{'vue/name-property-casing': ['error']}">
+
+```vue
+<script>
+  /* ✓ GOOD */
+  export default {
+    name: 'MyComponent'
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/name-property-casing': ['error']}">
+
+```vue
+<script>
+  /* ✗ BAD */
+  export default {
+    name: 'my-component'
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/name-property-casing": ["error", "PascalCase" | "kebab-case"]
+}
+```
+
+- `"PascalCase"` (default) ... Enforce the `name` property to Pascal case.
+- `"kebab-case"` ... Enforce the `name` property to kebab case.
+
+### `"kebab-case"`
+
+<eslint-code-block fix :rules="{'vue/name-property-casing': ['error', 'kebab-case']}">
+
+```vue
+<script>
+  /* ✓ GOOD */
+  export default {
+    name: 'my-component'
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/name-property-casing': ['error', 'kebab-case']}">
+
+```vue
+<script>
+  /* ✗ BAD */
+  export default {
+    name: 'MyComponent'
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :books: Further Reading
+
+- [Style guide - Component name casing in JS/JSX](https://vuejs.org/style-guide/rules-strongly-recommended.html#component-name-casing-in-js-jsx)
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v3.8.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/name-property-casing.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/name-property-casing.js)
diff --git a/docs/rules/no-confusing-v-for-v-if.md b/docs/rules/no-confusing-v-for-v-if.md
new file mode 100644
index 000000000..9bdfbf3de
--- /dev/null
+++ b/docs/rules/no-confusing-v-for-v-if.md
@@ -0,0 +1,73 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-confusing-v-for-v-if
+description: disallow confusing `v-for` and `v-if` on the same element
+since: v3.0.0
+---
+# vue/no-confusing-v-for-v-if
+
+> disallow confusing `v-for` and `v-if` on the same element
+
+- :warning: This rule was **deprecated** and replaced by [vue/no-use-v-if-with-v-for](no-use-v-if-with-v-for.md) rule.
+
+## :book: Rule Details
+
+This rule reports the elements which have both `v-for` and `v-if` directives in the following cases:
+
+- The `v-if` directive does not use the reference which is to the variables which are defined by the `v-for` directives.
+
+In that case, the `v-if` should be written on the wrapper element.
+
+<eslint-code-block :rules="{'vue/no-confusing-v-for-v-if': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <TodoItem
+    v-for="todo in todos"
+    v-if="todo.shown"
+    :todo="todo"
+  />
+  <ul v-if="shown">
+    <TodoItem
+      v-for="todo in todos"
+      :todo="todo"
+    />
+  </ul>
+
+  <!-- ✗ BAD -->
+  <TodoItem
+    v-if="complete"
+    v-for="todo in todos"
+    :todo="todo"
+  />
+</template>
+```
+
+</eslint-code-block>
+
+::: 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.
+
+[https://vuejs.org/guide/essentials/list.html#v-for-with-v-if](https://vuejs.org/guide/essentials/list.html#v-for-with-v-if)
+:::
+
+## :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-unregistered-components.md b/docs/rules/no-unregistered-components.md
new file mode 100644
index 000000000..16b5c8a1b
--- /dev/null
+++ b/docs/rules/no-unregistered-components.md
@@ -0,0 +1,145 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-unregistered-components
+description: disallow using components that are not registered inside templates
+since: v7.0.0
+---
+# vue/no-unregistered-components
+
+> disallow using components that are not registered inside templates
+
+- :warning: This rule was **deprecated** and replaced by [vue/no-undef-components](no-undef-components.md) rule.
+
+## :book: Rule Details
+
+This rule reports components that haven't been registered and are being used in the template.
+
+::: warning Note
+This rule cannot check globally registered components and components registered in mixins
+unless you add them as part of the ignored patterns. `component`, `suspense` and `teleport`
+are ignored by default.
+:::
+
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <the-modal>
+      <component is="TheInput" />
+      <component :is="'TheDropdown'" />
+      <TheButton>CTA</TheButton>
+    </the-modal>
+  </div>
+</template>
+
+<script>
+  import TheButton from 'components/TheButton.vue'
+  import TheModal from 'components/TheModal.vue'
+  import TheInput from 'components/TheInput.vue'
+  import TheDropdown from 'components/TheDropdown.vue'
+
+  export default {
+    components: {
+      TheButton,
+      TheModal,
+      TheInput,
+      TheDropdown,
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <TheModal />
+  </div>
+</template>
+
+<script>
+  export default {
+    components: {
+
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/no-unregistered-components": ["error", {
+    "ignorePatterns": []
+  }]
+}
+```
+
+- `ignorePatterns` Suppresses all errors if component name matches one or more patterns.
+
+### `ignorePatterns: ['custom(\\-\\w+)+']`
+
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error', { 'ignorePatterns': ['custom(\\-\\w+)+'] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <CustomComponent />
+  </div>
+</template>
+
+<script>
+  export default {
+    components: {
+
+    },
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error', { 'ignorePatterns': ['custom(\\-\\w+)+'] }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <WarmButton />
+  </div>
+</template>
+
+<script>
+  export default {
+    components: {
+
+    },
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :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/no-unregistered-components.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-unregistered-components.js)

From 2499a078cc6a63fdae775fce56ef552eb6cac523 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Thu, 12 May 2022 11:33:05 +0200
Subject: [PATCH 4/7] Mention in rule docs that they are removed

---
 docs/rules/experimental-script-setup-vars.md |  2 +-
 docs/rules/name-property-casing.md           |  3 +-
 docs/rules/no-confusing-v-for-v-if.md        |  2 +-
 docs/rules/no-unregistered-components.md     |  2 +-
 lib/removed-rules.js                         | 37 ++++++++++++++++++++
 tools/update-docs.js                         | 35 ++++++++++++++++--
 6 files changed, 74 insertions(+), 7 deletions(-)
 create mode 100644 lib/removed-rules.js

diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
index d13710246..f5f071568 100644
--- a/docs/rules/experimental-script-setup-vars.md
+++ b/docs/rules/experimental-script-setup-vars.md
@@ -9,7 +9,7 @@ since: v7.0.0
 
 > prevent variables defined in `<script setup>` to be marked as undefined
 
-- :warning: This rule was **deprecated**.
+- :warning: This rule was **removed** in eslint-plugin-vue v9.0.0.
 
 :::warning
 This rule is an experimental rule. It may be removed without notice.
diff --git a/docs/rules/name-property-casing.md b/docs/rules/name-property-casing.md
index 0dedbc1d3..2de99a9b6 100644
--- a/docs/rules/name-property-casing.md
+++ b/docs/rules/name-property-casing.md
@@ -9,8 +9,7 @@ since: v3.8.0
 
 > enforce specific casing for the name property in Vue components
 
-- :warning: This rule was **deprecated** and replaced by [vue/component-definition-name-casing](component-definition-name-casing.md) rule.
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+- :warning: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/component-definition-name-casing](component-definition-name-casing.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-confusing-v-for-v-if.md b/docs/rules/no-confusing-v-for-v-if.md
index 9bdfbf3de..b35a0994b 100644
--- a/docs/rules/no-confusing-v-for-v-if.md
+++ b/docs/rules/no-confusing-v-for-v-if.md
@@ -9,7 +9,7 @@ since: v3.0.0
 
 > disallow confusing `v-for` and `v-if` on the same element
 
-- :warning: This rule was **deprecated** and replaced by [vue/no-use-v-if-with-v-for](no-use-v-if-with-v-for.md) rule.
+- :warning: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/no-use-v-if-with-v-for](no-use-v-if-with-v-for.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-unregistered-components.md b/docs/rules/no-unregistered-components.md
index 16b5c8a1b..60b11951a 100644
--- a/docs/rules/no-unregistered-components.md
+++ b/docs/rules/no-unregistered-components.md
@@ -9,7 +9,7 @@ since: v7.0.0
 
 > disallow using components that are not registered inside templates
 
-- :warning: This rule was **deprecated** and replaced by [vue/no-undef-components](no-undef-components.md) rule.
+- :warning: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/no-undef-components](no-undef-components.md) rule.
 
 ## :book: Rule Details
 
diff --git a/lib/removed-rules.js b/lib/removed-rules.js
new file mode 100644
index 000000000..cf2b5e8fa
--- /dev/null
+++ b/lib/removed-rules.js
@@ -0,0 +1,37 @@
+'use strict'
+
+/**
+ * @typedef {object} RemovedRule
+ * @property {string} ruleName
+ * @property {string[]} replacedBy
+ * @property {string} deprecatedInVersion
+ * @property {string} removedInVersion
+ */
+
+/** @type {RemovedRule[]} */
+module.exports = [
+  {
+    ruleName: 'experimental-script-setup-vars',
+    replacedBy: [],
+    deprecatedInVersion: 'v7.13.0',
+    removedInVersion: 'v9.0.0'
+  },
+  {
+    ruleName: 'name-property-casing',
+    replacedBy: ['component-definition-name-casing'],
+    deprecatedInVersion: 'v7.0.0',
+    removedInVersion: 'v9.0.0'
+  },
+  {
+    ruleName: 'no-confusing-v-for-v-if',
+    replacedBy: ['no-use-v-if-with-v-for'],
+    deprecatedInVersion: 'v5.0.0',
+    removedInVersion: 'v9.0.0'
+  },
+  {
+    ruleName: 'no-unregistered-components',
+    replacedBy: ['no-undef-components'],
+    deprecatedInVersion: 'v8.4.0',
+    removedInVersion: 'v9.0.0'
+  }
+]
diff --git a/tools/update-docs.js b/tools/update-docs.js
index 80211d278..d8987e226 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -21,6 +21,7 @@ For example:
 const fs = require('fs')
 const path = require('path')
 const rules = require('./lib/rules')
+const removedRules = require('../lib/removed-rules')
 const { getPresetIds, formatItems } = require('./lib/utils')
 
 const ROOT = path.resolve(__dirname, '../docs/rules')
@@ -82,10 +83,28 @@ class DocFile {
 
   updateHeader() {
     const { ruleId, meta } = this.rule
-    const title = `# ${ruleId}\n\n> ${meta.docs.description}`
+    const description = meta.docs
+      ? meta.docs.description
+      : this.content.match(/^description: (.*)$/m)[1]
+    const title = `# ${ruleId}\n\n> ${description}`
     const notes = []
 
-    if (meta.deprecated) {
+    if (meta.removedInVersion) {
+      if (meta.replacedBy.length > 0) {
+        const replacedRules = meta.replacedBy.map(
+          (name) => `[vue/${name}](${name}.md) rule`
+        )
+        notes.push(
+          `- :warning: This rule was **removed** in eslint-plugin-vue ${
+            meta.removedInVersion
+          } and replaced by ${formatItems(replacedRules)}.`
+        )
+      } else {
+        notes.push(
+          `- :warning: This rule was **removed** in eslint-plugin-vue ${meta.removedInVersion}.`
+        )
+      }
+    } else if (meta.deprecated) {
       if (meta.replacedBy) {
         const replacedRules = meta.replacedBy.map(
           (name) => `[vue/${name}](${name}.md) rule`
@@ -255,3 +274,15 @@ for (const rule of rules) {
     .checkHeadings()
     .checkGoodBadSymbols()
 }
+
+for (const { ruleName, replacedBy, removedInVersion } of removedRules) {
+  const rule = {
+    name: ruleName,
+    ruleId: `vue/${ruleName}`,
+    meta: {
+      replacedBy,
+      removedInVersion
+    }
+  }
+  DocFile.read(rule).updateHeader().write()
+}

From 29200c76cb0fcc14002e1440eb74fcaef5d5bb43 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Thu, 12 May 2022 11:33:23 +0200
Subject: [PATCH 5/7] Add "Removed" section to rules list in docs

---
 docs/rules/README.md             | 11 +++++++++++
 tools/update-docs-rules-index.js | 28 ++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index ef93b0059..e8ed25cfd 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -308,3 +308,14 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/template-curly-spacing](./template-curly-spacing.md) | require or disallow spacing around embedded expressions of template strings in `<template>` | :wrench: | :lipstick: |
 
 </rules-table>
+
+## Removed
+
+- :warning: These rules have been removed in a previous major release, after they have been deprecated for a while.
+
+| Rule ID | Replaced by | Deprecated in version  | Removed in version |
+|:--------|:------------|:-----------------------|:-------------------|
+| [vue/experimental-script-setup-vars](./experimental-script-setup-vars.md) | (no replacement) | [v7.13.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v7.13.0) | [v9.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0) |
+| [vue/name-property-casing](./name-property-casing.md) | [vue/component-definition-name-casing](./component-definition-name-casing.md) | [v7.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v7.0.0) | [v9.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0) |
+| [vue/no-confusing-v-for-v-if](./no-confusing-v-for-v-if.md) | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | [v5.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v5.0.0) | [v9.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0) |
+| [vue/no-unregistered-components](./no-unregistered-components.md) | [vue/no-undef-components](./no-undef-components.md) | [v8.4.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v8.4.0) | [v9.0.0](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v9.0.0) |
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 27ab06979..2b1ccee56 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -8,6 +8,7 @@ const fs = require('fs')
 const path = require('path')
 const rules = require('./lib/rules')
 const { getPresetIds, formatItems } = require('./lib/utils')
+const removedRules = require('../lib/removed-rules')
 
 const VUE3_EMOJI = ':three:'
 const VUE2_EMOJI = ':two:'
@@ -62,6 +63,22 @@ function toDeprecatedRuleRow(rule) {
   return `| ${link} | ${replacedBy || '(no replacement)'} |`
 }
 
+function toRemovedRuleRow({
+  ruleName,
+  replacedBy,
+  deprecatedInVersion,
+  removedInVersion
+}) {
+  const link = `[vue/${ruleName}](./${ruleName}.md)`
+  const replacement =
+    replacedBy.map((name) => `[vue/${name}](./${name}.md)`).join(', ') ||
+    '(no replacement)'
+  const deprecatedVersionLink = `[${deprecatedInVersion}](https://github.com/vuejs/eslint-plugin-vue/releases/tag/${deprecatedInVersion})`
+  const removedVersionLink = `[${removedInVersion}](https://github.com/vuejs/eslint-plugin-vue/releases/tag/${removedInVersion})`
+
+  return `| ${link} | ${replacement} | ${deprecatedVersionLink} | ${removedVersionLink} |`
+}
+
 const categoryGroups = [
   {
     title: 'Base Rules (Enabling Correct ESLint Parsing)',
@@ -217,6 +234,17 @@ ${deprecatedRules.map(toDeprecatedRuleRow).join('\n')}
 `
 }
 
+// -----------------------------------------------------------------------------
+rulesTableContent += `
+## Removed
+
+- :warning: These rules have been removed in a previous major release, after they have been deprecated for a while.
+
+| Rule ID | Replaced by | Deprecated in version  | Removed in version |
+|:--------|:------------|:-----------------------|:-------------------|
+${removedRules.map(toRemovedRuleRow).join('\n')}
+`
+
 // -----------------------------------------------------------------------------
 const readmeFilePath = path.resolve(__dirname, '../docs/rules/README.md')
 fs.writeFileSync(

From 3e2bd6ad76d1ec8e9724d7e5d65f0bf5daed05f4 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Thu, 12 May 2022 11:54:42 +0200
Subject: [PATCH 6/7] Use different emoji for removed rules

---
 docs/rules/README.md                         | 2 +-
 docs/rules/experimental-script-setup-vars.md | 2 +-
 docs/rules/name-property-casing.md           | 2 +-
 docs/rules/no-confusing-v-for-v-if.md        | 2 +-
 docs/rules/no-unregistered-components.md     | 2 +-
 tools/update-docs-rules-index.js             | 2 +-
 tools/update-docs.js                         | 4 ++--
 7 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index c2a476b35..9e368757b 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -320,7 +320,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 
 ## Removed
 
-- :warning: These rules have been removed in a previous major release, after they have been deprecated for a while.
+- :no_entry_sign: These rules have been removed in a previous major release, after they have been deprecated for a while.
 
 | Rule ID | Replaced by | Deprecated in version  | Removed in version |
 |:--------|:------------|:-----------------------|:-------------------|
diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
index f5f071568..76db375bf 100644
--- a/docs/rules/experimental-script-setup-vars.md
+++ b/docs/rules/experimental-script-setup-vars.md
@@ -9,7 +9,7 @@ since: v7.0.0
 
 > prevent variables defined in `<script setup>` to be marked as undefined
 
-- :warning: This rule was **removed** in eslint-plugin-vue v9.0.0.
+- :no_entry_sign: This rule was **removed** in eslint-plugin-vue v9.0.0.
 
 :::warning
 This rule is an experimental rule. It may be removed without notice.
diff --git a/docs/rules/name-property-casing.md b/docs/rules/name-property-casing.md
index 2de99a9b6..a69855f7e 100644
--- a/docs/rules/name-property-casing.md
+++ b/docs/rules/name-property-casing.md
@@ -9,7 +9,7 @@ since: v3.8.0
 
 > enforce specific casing for the name property in Vue components
 
-- :warning: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/component-definition-name-casing](component-definition-name-casing.md) rule.
+- :no_entry_sign: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/component-definition-name-casing](component-definition-name-casing.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-confusing-v-for-v-if.md b/docs/rules/no-confusing-v-for-v-if.md
index b35a0994b..c9d72dbb4 100644
--- a/docs/rules/no-confusing-v-for-v-if.md
+++ b/docs/rules/no-confusing-v-for-v-if.md
@@ -9,7 +9,7 @@ since: v3.0.0
 
 > disallow confusing `v-for` and `v-if` on the same element
 
-- :warning: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/no-use-v-if-with-v-for](no-use-v-if-with-v-for.md) rule.
+- :no_entry_sign: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/no-use-v-if-with-v-for](no-use-v-if-with-v-for.md) rule.
 
 ## :book: Rule Details
 
diff --git a/docs/rules/no-unregistered-components.md b/docs/rules/no-unregistered-components.md
index 60b11951a..dcbd9bc47 100644
--- a/docs/rules/no-unregistered-components.md
+++ b/docs/rules/no-unregistered-components.md
@@ -9,7 +9,7 @@ since: v7.0.0
 
 > disallow using components that are not registered inside templates
 
-- :warning: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/no-undef-components](no-undef-components.md) rule.
+- :no_entry_sign: This rule was **removed** in eslint-plugin-vue v9.0.0 and replaced by [vue/no-undef-components](no-undef-components.md) rule.
 
 ## :book: Rule Details
 
diff --git a/tools/update-docs-rules-index.js b/tools/update-docs-rules-index.js
index 2b1ccee56..3db26c36b 100644
--- a/tools/update-docs-rules-index.js
+++ b/tools/update-docs-rules-index.js
@@ -238,7 +238,7 @@ ${deprecatedRules.map(toDeprecatedRuleRow).join('\n')}
 rulesTableContent += `
 ## Removed
 
-- :warning: These rules have been removed in a previous major release, after they have been deprecated for a while.
+- :no_entry_sign: These rules have been removed in a previous major release, after they have been deprecated for a while.
 
 | Rule ID | Replaced by | Deprecated in version  | Removed in version |
 |:--------|:------------|:-----------------------|:-------------------|
diff --git a/tools/update-docs.js b/tools/update-docs.js
index d8987e226..75f6dab6d 100644
--- a/tools/update-docs.js
+++ b/tools/update-docs.js
@@ -95,13 +95,13 @@ class DocFile {
           (name) => `[vue/${name}](${name}.md) rule`
         )
         notes.push(
-          `- :warning: This rule was **removed** in eslint-plugin-vue ${
+          `- :no_entry_sign: This rule was **removed** in eslint-plugin-vue ${
             meta.removedInVersion
           } and replaced by ${formatItems(replacedRules)}.`
         )
       } else {
         notes.push(
-          `- :warning: This rule was **removed** in eslint-plugin-vue ${meta.removedInVersion}.`
+          `- :no_entry_sign: This rule was **removed** in eslint-plugin-vue ${meta.removedInVersion}.`
         )
       }
     } else if (meta.deprecated) {

From 021371862f2cae5f637d2e250ffcb7beb4cfa1e4 Mon Sep 17 00:00:00 2001
From: Flo Edelmann <florian-edelmann@online.de>
Date: Thu, 12 May 2022 11:57:35 +0200
Subject: [PATCH 7/7] Remove no longer necessary warning block

---
 docs/rules/experimental-script-setup-vars.md | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/docs/rules/experimental-script-setup-vars.md b/docs/rules/experimental-script-setup-vars.md
index 76db375bf..7a77d941d 100644
--- a/docs/rules/experimental-script-setup-vars.md
+++ b/docs/rules/experimental-script-setup-vars.md
@@ -11,10 +11,6 @@ since: v7.0.0
 
 - :no_entry_sign: This rule was **removed** in eslint-plugin-vue v9.0.0.
 
-:::warning
-This rule is an experimental rule. It may be removed without notice.
-:::
-
 This rule will find variables defined in `<script setup="args">` and mark them as defined variables.
 
 This rule only has an effect when the `no-undef` rule is enabled.