From b30c051cc3646b083ea0cea072d1306281fe4e72 Mon Sep 17 00:00:00 2001
From: waynzh <waynzh19@gmail.com>
Date: Thu, 10 Jul 2025 11:19:51 +0800
Subject: [PATCH 01/10] Add `vue/no-negated-condition` rule

---
 lib/rules/no-negated-condition.js       |  99 ++++++++++
 tests/lib/rules/no-negated-condition.js | 247 ++++++++++++++++++++++++
 2 files changed, 346 insertions(+)
 create mode 100644 lib/rules/no-negated-condition.js
 create mode 100644 tests/lib/rules/no-negated-condition.js

diff --git a/lib/rules/no-negated-condition.js b/lib/rules/no-negated-condition.js
new file mode 100644
index 000000000..a300dbd95
--- /dev/null
+++ b/lib/rules/no-negated-condition.js
@@ -0,0 +1,99 @@
+/**
+ * @author Wayne
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+/**
+ * @param {*} expression
+ * @returns {boolean}
+ */
+function isNegatedExpression(expression) {
+  return (
+    (expression.type === 'UnaryExpression' && expression.operator === '!') ||
+    (expression.type === 'BinaryExpression' &&
+      (expression.operator === '!=' || expression.operator === '!=='))
+  )
+}
+
+/**
+ * @param {VElement} node The element node to get the next sibling element
+ * @returns {VElement|null} The next sibling element
+ */
+function getNextSibling(node) {
+  if (!node.parent || !node.parent.children) {
+    return null
+  }
+
+  const siblings = node.parent.children
+  const currentIndex = siblings.indexOf(node)
+
+  for (let i = currentIndex + 1; i < siblings.length; i++) {
+    const sibling = siblings[i]
+    if (sibling.type === 'VElement') {
+      return sibling
+    }
+  }
+
+  return null
+}
+
+/**
+ * @param {VElement} element
+ * @returns {boolean}
+ */
+function isDirectlyFollowedByElse(element) {
+  const nextElement = getNextSibling(element)
+  return !!(nextElement && utils.hasDirective(nextElement, 'else'))
+}
+
+/**
+ * @param {VDirective} node The directive node
+ * @param {RuleContext} context The rule context
+ */
+function checkNegatedCondition(node, context) {
+  if (!node.value || !node.value.expression) {
+    return
+  }
+
+  const expression = node.value.expression
+  const element = node.parent.parent
+
+  if (isNegatedExpression(expression) && isDirectlyFollowedByElse(element)) {
+    context.report({
+      node: expression,
+      messageId: 'negatedCondition'
+    })
+  }
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow negated conditions in v-if/v-else',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-negated-condition.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      negatedCondition: 'Unexpected negated condition in v-if with v-else.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      /** @param {VDirective} node */
+      "VAttribute[directive=true][key.name.name='if']"(node) {
+        checkNegatedCondition(node, context)
+      },
+      /** @param {VDirective} node */
+      "VAttribute[directive=true][key.name.name='else-if']"(node) {
+        checkNegatedCondition(node, context)
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-negated-condition.js b/tests/lib/rules/no-negated-condition.js
new file mode 100644
index 000000000..b96a38f56
--- /dev/null
+++ b/tests/lib/rules/no-negated-condition.js
@@ -0,0 +1,247 @@
+/**
+ * @author Wayne
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/no-negated-condition')
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-negated-condition', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!foo" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!foo" />
+        <div v-if="bar" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!foo" />
+        <div v-else-if="bar" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!foo" />
+        <div v-else-if="!bar" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a != b" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a !== b" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a != b" />
+        <div v-else-if="c" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a !== b" />
+        <div v-else-if="c" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!foo" />
+        <div v-else-if="!bar" />
+        <div v-else-if="baz" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!a" />
+        <div v-else-if="b" />
+        <div v-else />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo" />
+        <div v-else />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo" />
+        <div v-else-if="bar" />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo && bar" />
+        <div v-else />
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo">
+          <span v-if="!bar" />
+        </div>
+      </template>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!foo" />
+        <div v-else />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 3,
+          column: 20
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!(foo && bar)" />
+        <div v-else />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 3,
+          column: 20
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a != b" />
+        <div v-else />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 3,
+          column: 20
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="a !== b" />
+        <div v-else />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 3,
+          column: 20
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="foo" />
+        <div v-else-if="!bar" />
+        <div v-else />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 4,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div v-if="!a" />
+        <div v-else-if="!b" />
+        <div v-else />
+      </template>
+      `,
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 4,
+          column: 25
+        }
+      ]
+    }
+  ]
+})

From c7ded94a913c9fc6116be0e026c3dcb9b1523285 Mon Sep 17 00:00:00 2001
From: waynzh <waynzh19@gmail.com>
Date: Thu, 10 Jul 2025 11:28:59 +0800
Subject: [PATCH 02/10] docs: update

---
 docs/rules/index.md                |  2 +
 docs/rules/no-negated-condition.md | 61 ++++++++++++++++++++++++++++++
 lib/index.js                       |  1 +
 3 files changed, 64 insertions(+)
 create mode 100644 docs/rules/no-negated-condition.md

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 149f877ad..2675b13e5 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -237,6 +237,7 @@ For example:
 | [vue/no-empty-component-block] | disallow the `<template>` `<script>` `<style>` block to be empty | :wrench: | :hammer: |
 | [vue/no-import-compiler-macros] | disallow importing Vue compiler macros | :wrench: | :warning: |
 | [vue/no-multiple-objects-in-class] | disallow passing multiple objects in an array to class |  | :hammer: |
+| [vue/no-negated-condition] | disallow negated conditions in v-if/v-else |  | :hammer: |
 | [vue/no-potential-component-option-typo] | disallow a potential typo in your component property | :bulb: | :hammer: |
 | [vue/no-ref-object-reactivity-loss] | disallow usages of ref objects that can lead to loss of reactivity |  | :warning: |
 | [vue/no-restricted-block] | disallow specific block |  | :hammer: |
@@ -482,6 +483,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/no-multiple-slot-args]: ./no-multiple-slot-args.md
 [vue/no-multiple-template-root]: ./no-multiple-template-root.md
 [vue/no-mutating-props]: ./no-mutating-props.md
+[vue/no-negated-condition]: ./no-negated-condition.md
 [vue/no-parsing-error]: ./no-parsing-error.md
 [vue/no-potential-component-option-typo]: ./no-potential-component-option-typo.md
 [vue/no-ref-as-operand]: ./no-ref-as-operand.md
diff --git a/docs/rules/no-negated-condition.md b/docs/rules/no-negated-condition.md
new file mode 100644
index 000000000..c663f6b5b
--- /dev/null
+++ b/docs/rules/no-negated-condition.md
@@ -0,0 +1,61 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-negated-condition
+description: disallow negated conditions in v-if/v-else
+---
+
+# vue/no-negated-condition
+
+> disallow negated conditions in v-if/v-else
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+
+## :book: Rule Details
+
+This rule disallows negated conditions in `v-if` and `v-else-if` directives which have an `v-else` branch.
+
+Negated conditions make the code less readable. When there's an `else` clause, it's better to use a positive condition and switch the branches.
+
+<eslint-code-block :rules="{'vue/no-negated-condition': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div v-if="foo" />
+  <div v-else />
+
+  <div v-if="!foo" />
+  <div v-else-if="bar" />
+
+  <div v-if="!foo" />
+
+  <div v-if="a !== b" />
+
+  <!-- ✗ BAD -->
+  <div v-if="!foo" />
+  <div v-else />
+
+  <div v-if="a !== b" />
+  <div v-else />
+
+  <div v-if="foo" />
+  <div v-else-if="!bar" />
+  <div v-else />
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :couple: Related Rules
+
+- [no-negated-condition](https://eslint.org/docs/rules/no-negated-condition)
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-negated-condition.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-negated-condition.js)
diff --git a/lib/index.js b/lib/index.js
index e511536fa..bfc35b11a 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -141,6 +141,7 @@ const plugin = {
     'no-multiple-slot-args': require('./rules/no-multiple-slot-args'),
     'no-multiple-template-root': require('./rules/no-multiple-template-root'),
     'no-mutating-props': require('./rules/no-mutating-props'),
+    'no-negated-condition': require('./rules/no-negated-condition'),
     'no-parsing-error': require('./rules/no-parsing-error'),
     'no-potential-component-option-typo': require('./rules/no-potential-component-option-typo'),
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),

From ecbd456a7b475b0c2b1c896bfdca797d93eb64fa Mon Sep 17 00:00:00 2001
From: waynzh <waynzh19@gmail.com>
Date: Fri, 11 Jul 2025 16:55:30 +0800
Subject: [PATCH 03/10] test: update

---
 tests/lib/rules/no-negated-condition.js | 80 ++++++++++++-------------
 1 file changed, 40 insertions(+), 40 deletions(-)

diff --git a/tests/lib/rules/no-negated-condition.js b/tests/lib/rules/no-negated-condition.js
index b96a38f56..3ba1f5320 100644
--- a/tests/lib/rules/no-negated-condition.js
+++ b/tests/lib/rules/no-negated-condition.js
@@ -21,7 +21,7 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="!foo" />
+        <div v-if="!foo">Content</div>
       </template>
       `
     },
@@ -29,8 +29,8 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="!foo" />
-        <div v-if="bar" />
+        <div v-if="!foo">First</div>
+        <div v-if="bar">Second</div>
       </template>
       `
     },
@@ -38,8 +38,8 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="!foo" />
-        <div v-else-if="bar" />
+        <div v-if="!foo">Content</div>
+        <div v-else-if="bar">Alternative</div>
       </template>
       `
     },
@@ -47,8 +47,8 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="!foo" />
-        <div v-else-if="!bar" />
+        <div v-if="!foo">First</div>
+        <div v-else-if="!bar">Second</div>
       </template>
       `
     },
@@ -56,7 +56,7 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="a != b" />
+        <div v-if="a != b">Not equal</div>
       </template>
       `
     },
@@ -64,7 +64,7 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="a !== b" />
+        <div v-if="a !== b">Strictly not equal</div>
       </template>
       `
     },
@@ -72,8 +72,8 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="a != b" />
-        <div v-else-if="c" />
+        <div v-if="a != b">Not equal</div>
+        <div v-else-if="c">Alternative</div>
       </template>
       `
     },
@@ -81,8 +81,8 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="a !== b" />
-        <div v-else-if="c" />
+        <div v-if="a !== b">Strictly not equal</div>
+        <div v-else-if="c">Alternative</div>
       </template>
       `
     },
@@ -90,9 +90,9 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="!foo" />
-        <div v-else-if="!bar" />
-        <div v-else-if="baz" />
+        <div v-if="!foo">First</div>
+        <div v-else-if="!bar">Second</div>
+        <div v-else-if="baz">Third</div>
       </template>
       `
     },
@@ -100,9 +100,9 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="!a" />
-        <div v-else-if="b" />
-        <div v-else />
+        <div v-if="!a">First</div>
+        <div v-else-if="b">Second</div>
+        <div v-else>Default</div>
       </template>
       `
     },
@@ -110,8 +110,8 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="foo" />
-        <div v-else />
+        <div v-if="foo">Positive</div>
+        <div v-else>Negative</div>
       </template>
       `
     },
@@ -119,8 +119,8 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="foo" />
-        <div v-else-if="bar" />
+        <div v-if="foo">First</div>
+        <div v-else-if="bar">Second</div>
       </template>
       `
     },
@@ -128,8 +128,8 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="foo && bar" />
-        <div v-else />
+        <div v-if="foo && bar">Both true</div>
+        <div v-else>Otherwise</div>
       </template>
       `
     },
@@ -138,7 +138,7 @@ tester.run('no-negated-condition', rule, {
       code: `
       <template>
         <div v-if="foo">
-          <span v-if="!bar" />
+          <span v-if="!bar">Nested content</span>
         </div>
       </template>
       `
@@ -149,8 +149,8 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="!foo" />
-        <div v-else />
+        <div v-if="!foo">Content</div>
+        <div v-else>Alternative</div>
       </template>
       `,
       errors: [
@@ -165,8 +165,8 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="!(foo && bar)" />
-        <div v-else />
+        <div v-if="!(foo && bar)">Negated condition</div>
+        <div v-else>Otherwise</div>
       </template>
       `,
       errors: [
@@ -181,8 +181,8 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="a != b" />
-        <div v-else />
+        <div v-if="a != b">Not equal</div>
+        <div v-else>Equal</div>
       </template>
       `,
       errors: [
@@ -197,8 +197,8 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="a !== b" />
-        <div v-else />
+        <div v-if="a !== b">Strictly not equal</div>
+        <div v-else>Strictly equal</div>
       </template>
       `,
       errors: [
@@ -213,9 +213,9 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="foo" />
-        <div v-else-if="!bar" />
-        <div v-else />
+        <div v-if="foo">First</div>
+        <div v-else-if="!bar">Second</div>
+        <div v-else>Default</div>
       </template>
       `,
       errors: [
@@ -230,9 +230,9 @@ tester.run('no-negated-condition', rule, {
       filename: 'test.vue',
       code: `
       <template>
-        <div v-if="!a" />
-        <div v-else-if="!b" />
-        <div v-else />
+        <div v-if="!a">First</div>
+        <div v-else-if="!b">Second</div>
+        <div v-else>Default</div>
       </template>
       `,
       errors: [

From 7919d9e009d2725f6687c5848d73a79878e25679 Mon Sep 17 00:00:00 2001
From: waynzh <waynzh19@gmail.com>
Date: Sun, 13 Jul 2025 16:12:08 +0800
Subject: [PATCH 04/10] chore: update name

---
 docs/rules/index.md                                  |  4 ++--
 ...ted-condition.md => no-negated-v-if-condition.md} | 12 ++++++------
 lib/index.js                                         |  2 +-
 ...ted-condition.js => no-negated-v-if-condition.js} |  4 ++--
 ...ted-condition.js => no-negated-v-if-condition.js} |  6 +++---
 5 files changed, 14 insertions(+), 14 deletions(-)
 rename docs/rules/{no-negated-condition.md => no-negated-v-if-condition.md} (78%)
 rename lib/rules/{no-negated-condition.js => no-negated-v-if-condition.js} (96%)
 rename tests/lib/rules/{no-negated-condition.js => no-negated-v-if-condition.js} (97%)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 70d246628..de55f342e 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -237,7 +237,7 @@ For example:
 | [vue/no-empty-component-block] | disallow the `<template>` `<script>` `<style>` block to be empty | :wrench: | :hammer: |
 | [vue/no-import-compiler-macros] | disallow importing Vue compiler macros | :wrench: | :warning: |
 | [vue/no-multiple-objects-in-class] | disallow passing multiple objects in an array to class |  | :hammer: |
-| [vue/no-negated-condition] | disallow negated conditions in v-if/v-else |  | :hammer: |
+| [vue/no-negated-v-if-condition] | disallow negated conditions in v-if/v-else |  | :hammer: |
 | [vue/no-potential-component-option-typo] | disallow a potential typo in your component property | :bulb: | :hammer: |
 | [vue/no-ref-object-reactivity-loss] | disallow usages of ref objects that can lead to loss of reactivity |  | :warning: |
 | [vue/no-restricted-block] | disallow specific block |  | :hammer: |
@@ -483,7 +483,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/no-multiple-slot-args]: ./no-multiple-slot-args.md
 [vue/no-multiple-template-root]: ./no-multiple-template-root.md
 [vue/no-mutating-props]: ./no-mutating-props.md
-[vue/no-negated-condition]: ./no-negated-condition.md
+[vue/no-negated-v-if-condition]: ./no-negated-v-if-condition.md
 [vue/no-parsing-error]: ./no-parsing-error.md
 [vue/no-potential-component-option-typo]: ./no-potential-component-option-typo.md
 [vue/no-ref-as-operand]: ./no-ref-as-operand.md
diff --git a/docs/rules/no-negated-condition.md b/docs/rules/no-negated-v-if-condition.md
similarity index 78%
rename from docs/rules/no-negated-condition.md
rename to docs/rules/no-negated-v-if-condition.md
index c663f6b5b..183d79c5c 100644
--- a/docs/rules/no-negated-condition.md
+++ b/docs/rules/no-negated-v-if-condition.md
@@ -1,11 +1,11 @@
 ---
 pageClass: rule-details
 sidebarDepth: 0
-title: vue/no-negated-condition
+title: vue/no-negated-v-if-condition
 description: disallow negated conditions in v-if/v-else
 ---
 
-# vue/no-negated-condition
+# vue/no-negated-v-if-condition
 
 > disallow negated conditions in v-if/v-else
 
@@ -17,7 +17,7 @@ This rule disallows negated conditions in `v-if` and `v-else-if` directives whic
 
 Negated conditions make the code less readable. When there's an `else` clause, it's better to use a positive condition and switch the branches.
 
-<eslint-code-block :rules="{'vue/no-negated-condition': ['error']}">
+<eslint-code-block :rules="{'vue/no-negated-v-if-condition': ['error']}">
 
 ```vue
 <template>
@@ -53,9 +53,9 @@ Nothing.
 
 ## :couple: Related Rules
 
-- [no-negated-condition](https://eslint.org/docs/rules/no-negated-condition)
+- [no-negated-v-if-condition](https://eslint.org/docs/rules/no-negated-v-if-condition)
 
 ## :mag: Implementation
 
-- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-negated-condition.js)
-- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-negated-condition.js)
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-negated-v-if-condition.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-negated-v-if-condition.js)
diff --git a/lib/index.js b/lib/index.js
index bfc35b11a..ea418d914 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -141,7 +141,7 @@ const plugin = {
     'no-multiple-slot-args': require('./rules/no-multiple-slot-args'),
     'no-multiple-template-root': require('./rules/no-multiple-template-root'),
     'no-mutating-props': require('./rules/no-mutating-props'),
-    'no-negated-condition': require('./rules/no-negated-condition'),
+    'no-negated-v-if-condition': require('./rules/no-negated-v-if-condition'),
     'no-parsing-error': require('./rules/no-parsing-error'),
     'no-potential-component-option-typo': require('./rules/no-potential-component-option-typo'),
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),
diff --git a/lib/rules/no-negated-condition.js b/lib/rules/no-negated-v-if-condition.js
similarity index 96%
rename from lib/rules/no-negated-condition.js
rename to lib/rules/no-negated-v-if-condition.js
index a300dbd95..37c3b71da 100644
--- a/lib/rules/no-negated-condition.js
+++ b/lib/rules/no-negated-v-if-condition.js
@@ -1,5 +1,5 @@
 /**
- * @author Wayne
+ * @author Wayne Zhang
  * See LICENSE file in root directory for full license.
  */
 'use strict'
@@ -75,7 +75,7 @@ module.exports = {
     docs: {
       description: 'disallow negated conditions in v-if/v-else',
       categories: undefined,
-      url: 'https://eslint.vuejs.org/rules/no-negated-condition.html'
+      url: 'https://eslint.vuejs.org/rules/no-negated-v-if-condition.html'
     },
     fixable: null,
     schema: [],
diff --git a/tests/lib/rules/no-negated-condition.js b/tests/lib/rules/no-negated-v-if-condition.js
similarity index 97%
rename from tests/lib/rules/no-negated-condition.js
rename to tests/lib/rules/no-negated-v-if-condition.js
index 3ba1f5320..0a1844c0c 100644
--- a/tests/lib/rules/no-negated-condition.js
+++ b/tests/lib/rules/no-negated-v-if-condition.js
@@ -1,11 +1,11 @@
 /**
- * @author Wayne
+ * @author Wayne Zhang
  * See LICENSE file in root directory for full license.
  */
 'use strict'
 
 const RuleTester = require('../../eslint-compat').RuleTester
-const rule = require('../../../lib/rules/no-negated-condition')
+const rule = require('../../../lib/rules/no-negated-v-if-condition')
 
 const tester = new RuleTester({
   languageOptions: {
@@ -15,7 +15,7 @@ const tester = new RuleTester({
   }
 })
 
-tester.run('no-negated-condition', rule, {
+tester.run('no-negated-v-if-condition', rule, {
   valid: [
     {
       filename: 'test.vue',

From f215f137940bc28d4817e7a04d1012332c06f25b Mon Sep 17 00:00:00 2001
From: waynzh <waynzh19@gmail.com>
Date: Mon, 14 Jul 2025 11:06:25 +0800
Subject: [PATCH 05/10] feat: support suggestions

---
 docs/rules/index.md                          |   2 +-
 docs/rules/no-negated-v-if-condition.md      |  27 +--
 lib/rules/no-negated-v-if-condition.js       | 164 +++++++++++++++----
 tests/lib/rules/no-negated-v-if-condition.js |  92 ++++++++++-
 4 files changed, 235 insertions(+), 50 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index de55f342e..a3350ac73 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -237,7 +237,7 @@ For example:
 | [vue/no-empty-component-block] | disallow the `<template>` `<script>` `<style>` block to be empty | :wrench: | :hammer: |
 | [vue/no-import-compiler-macros] | disallow importing Vue compiler macros | :wrench: | :warning: |
 | [vue/no-multiple-objects-in-class] | disallow passing multiple objects in an array to class |  | :hammer: |
-| [vue/no-negated-v-if-condition] | disallow negated conditions in v-if/v-else |  | :hammer: |
+| [vue/no-negated-v-if-condition] | disallow negated conditions in v-if/v-else | :bulb: | :hammer: |
 | [vue/no-potential-component-option-typo] | disallow a potential typo in your component property | :bulb: | :hammer: |
 | [vue/no-ref-object-reactivity-loss] | disallow usages of ref objects that can lead to loss of reactivity |  | :warning: |
 | [vue/no-restricted-block] | disallow specific block |  | :hammer: |
diff --git a/docs/rules/no-negated-v-if-condition.md b/docs/rules/no-negated-v-if-condition.md
index 183d79c5c..27bc30556 100644
--- a/docs/rules/no-negated-v-if-condition.md
+++ b/docs/rules/no-negated-v-if-condition.md
@@ -10,6 +10,7 @@ description: disallow negated conditions in v-if/v-else
 > disallow negated conditions in v-if/v-else
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
+- :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
 
@@ -22,26 +23,26 @@ Negated conditions make the code less readable. When there's an `else` clause, i
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <div v-if="foo" />
-  <div v-else />
+  <div v-if="foo">First</div>
+  <div v-else>Second</div>
 
-  <div v-if="!foo" />
-  <div v-else-if="bar" />
+  <div v-if="!foo">First</div>
+  <div v-else-if="bar">Second</div>
 
-  <div v-if="!foo" />
+  <div v-if="!foo">Content</div>
 
-  <div v-if="a !== b" />
+  <div v-if="a !== b">Not equal</div>
 
   <!-- ✗ BAD -->
-  <div v-if="!foo" />
-  <div v-else />
+  <div v-if="!foo">First</div>
+  <div v-else>Second</div>
 
-  <div v-if="a !== b" />
-  <div v-else />
+  <div v-if="a !== b">First</div>
+  <div v-else>Second</div>
 
-  <div v-if="foo" />
-  <div v-else-if="!bar" />
-  <div v-else />
+  <div v-if="foo">First</div>
+  <div v-else-if="!bar">Second</div>
+  <div v-else>Third</div>
 </template>
 ```
 
diff --git a/lib/rules/no-negated-v-if-condition.js b/lib/rules/no-negated-v-if-condition.js
index 37c3b71da..927d9b2ca 100644
--- a/lib/rules/no-negated-v-if-condition.js
+++ b/lib/rules/no-negated-v-if-condition.js
@@ -7,7 +7,11 @@
 const utils = require('../utils')
 
 /**
- * @param {*} expression
+ * @typedef { VDirective & { value: (VExpressionContainer & { expression: Expression | null } ) | null  } } VIfDirective
+ */
+
+/**
+ * @param {Expression} expression
  * @returns {boolean}
  */
 function isNegatedExpression(expression) {
@@ -19,11 +23,11 @@ function isNegatedExpression(expression) {
 }
 
 /**
- * @param {VElement} node The element node to get the next sibling element
- * @returns {VElement|null} The next sibling element
+ * @param {VElement} node
+ * @returns {VElement|null}
  */
 function getNextSibling(node) {
-  if (!node.parent || !node.parent.children) {
+  if (!node.parent?.children) {
     return null
   }
 
@@ -46,27 +50,7 @@ function getNextSibling(node) {
  */
 function isDirectlyFollowedByElse(element) {
   const nextElement = getNextSibling(element)
-  return !!(nextElement && utils.hasDirective(nextElement, 'else'))
-}
-
-/**
- * @param {VDirective} node The directive node
- * @param {RuleContext} context The rule context
- */
-function checkNegatedCondition(node, context) {
-  if (!node.value || !node.value.expression) {
-    return
-  }
-
-  const expression = node.value.expression
-  const element = node.parent.parent
-
-  if (isNegatedExpression(expression) && isDirectlyFollowedByElse(element)) {
-    context.report({
-      node: expression,
-      messageId: 'negatedCondition'
-    })
-  }
+  return nextElement ? utils.hasDirective(nextElement, 'else') : false
 }
 
 module.exports = {
@@ -78,21 +62,141 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-negated-v-if-condition.html'
     },
     fixable: null,
+    hasSuggestions: true,
     schema: [],
     messages: {
-      negatedCondition: 'Unexpected negated condition in v-if with v-else.'
+      negatedCondition: 'Unexpected negated condition in v-if with v-else.',
+      fixNegatedCondition:
+        'Convert to positive condition and swap if/else blocks.'
     }
   },
   /** @param {RuleContext} context */
   create(context) {
+    const sourceCode = context.getSourceCode()
+    const templateTokens =
+      sourceCode.parserServices.getTemplateBodyTokenStore &&
+      sourceCode.parserServices.getTemplateBodyTokenStore()
+
+    /**
+     * @param {VIfDirective} node
+     */
+    function checkNegatedCondition(node) {
+      if (!node.value?.expression) {
+        return
+      }
+
+      const expression = node.value.expression
+      const element = node.parent.parent
+
+      if (
+        !isNegatedExpression(expression) ||
+        !isDirectlyFollowedByElse(element)
+      ) {
+        return
+      }
+
+      const elseElement = getNextSibling(element)
+      if (!elseElement) {
+        return
+      }
+
+      context.report({
+        node: expression,
+        messageId: 'negatedCondition',
+        suggest: [
+          {
+            messageId: 'fixNegatedCondition',
+            *fix(fixer) {
+              yield* convertNegatedCondition(fixer, expression)
+              yield* swapElementContents(fixer, element, elseElement)
+            }
+          }
+        ]
+      })
+    }
+
+    /**
+     * @param {RuleFixer} fixer
+     * @param {Expression} expression
+     */
+    function* convertNegatedCondition(fixer, expression) {
+      if (
+        expression.type === 'UnaryExpression' &&
+        expression.operator === '!'
+      ) {
+        const token = templateTokens.getFirstToken(expression)
+        if (token?.type === 'Punctuator' && token.value === '!') {
+          yield fixer.remove(token)
+        }
+        return
+      }
+
+      if (expression.type === 'BinaryExpression') {
+        const operatorToken = templateTokens.getTokenAfter(
+          expression.left,
+          (token) =>
+            token?.type === 'Punctuator' && token.value === expression.operator
+        )
+
+        if (!operatorToken) return
+
+        if (expression.operator === '!=') {
+          yield fixer.replaceText(operatorToken, '==')
+        } else if (expression.operator === '!==') {
+          yield fixer.replaceText(operatorToken, '===')
+        }
+      }
+    }
+
+    /**
+     * @param {VElement} element
+     * @returns {string}
+     */
+    function getElementContent(element) {
+      if (element.children.length === 0) return ''
+      if (!element.endTag) return ''
+
+      const contentStart = element.startTag.range[1]
+      const contentEnd = element.endTag.range[0]
+
+      return sourceCode.text.slice(contentStart, contentEnd)
+    }
+
+    /**
+     * @param {RuleFixer} fixer
+     * @param {VElement} ifElement
+     * @param {VElement} elseElement
+     */
+    function* swapElementContents(fixer, ifElement, elseElement) {
+      if (!ifElement.endTag || !elseElement.endTag) {
+        return
+      }
+
+      const ifContent = getElementContent(ifElement)
+      const elseContent = getElementContent(elseElement)
+
+      if (ifContent === elseContent) {
+        return
+      }
+
+      yield fixer.replaceTextRange(
+        [ifElement.startTag.range[1], ifElement.endTag.range[0]],
+        elseContent
+      )
+      yield fixer.replaceTextRange(
+        [elseElement.startTag.range[1], elseElement.endTag.range[0]],
+        ifContent
+      )
+    }
+
     return utils.defineTemplateBodyVisitor(context, {
-      /** @param {VDirective} node */
+      /** @param {VIfDirective} node */
       "VAttribute[directive=true][key.name.name='if']"(node) {
-        checkNegatedCondition(node, context)
+        checkNegatedCondition(node)
       },
-      /** @param {VDirective} node */
+      /** @param {VIfDirective} node */
       "VAttribute[directive=true][key.name.name='else-if']"(node) {
-        checkNegatedCondition(node, context)
+        checkNegatedCondition(node)
       }
     })
   }
diff --git a/tests/lib/rules/no-negated-v-if-condition.js b/tests/lib/rules/no-negated-v-if-condition.js
index 0a1844c0c..ee60562ea 100644
--- a/tests/lib/rules/no-negated-v-if-condition.js
+++ b/tests/lib/rules/no-negated-v-if-condition.js
@@ -157,7 +157,20 @@ tester.run('no-negated-v-if-condition', rule, {
         {
           messageId: 'negatedCondition',
           line: 3,
-          column: 20
+          column: 20,
+          endLine: 3,
+          endColumn: 24,
+          suggestions: [
+            {
+              messageId: 'fixNegatedCondition',
+              output: `
+      <template>
+        <div v-if="foo">Alternative</div>
+        <div v-else>Content</div>
+      </template>
+      `
+            }
+          ]
         }
       ]
     },
@@ -173,7 +186,20 @@ tester.run('no-negated-v-if-condition', rule, {
         {
           messageId: 'negatedCondition',
           line: 3,
-          column: 20
+          column: 20,
+          endLine: 3,
+          endColumn: 33,
+          suggestions: [
+            {
+              messageId: 'fixNegatedCondition',
+              output: `
+      <template>
+        <div v-if="(foo && bar)">Otherwise</div>
+        <div v-else>Negated condition</div>
+      </template>
+      `
+            }
+          ]
         }
       ]
     },
@@ -189,7 +215,20 @@ tester.run('no-negated-v-if-condition', rule, {
         {
           messageId: 'negatedCondition',
           line: 3,
-          column: 20
+          column: 20,
+          endLine: 3,
+          endColumn: 26,
+          suggestions: [
+            {
+              messageId: 'fixNegatedCondition',
+              output: `
+      <template>
+        <div v-if="a == b">Equal</div>
+        <div v-else>Not equal</div>
+      </template>
+      `
+            }
+          ]
         }
       ]
     },
@@ -205,7 +244,20 @@ tester.run('no-negated-v-if-condition', rule, {
         {
           messageId: 'negatedCondition',
           line: 3,
-          column: 20
+          column: 20,
+          endLine: 3,
+          endColumn: 27,
+          suggestions: [
+            {
+              messageId: 'fixNegatedCondition',
+              output: `
+      <template>
+        <div v-if="a === b">Strictly equal</div>
+        <div v-else>Strictly not equal</div>
+      </template>
+      `
+            }
+          ]
         }
       ]
     },
@@ -222,7 +274,21 @@ tester.run('no-negated-v-if-condition', rule, {
         {
           messageId: 'negatedCondition',
           line: 4,
-          column: 25
+          column: 25,
+          endLine: 4,
+          endColumn: 29,
+          suggestions: [
+            {
+              messageId: 'fixNegatedCondition',
+              output: `
+      <template>
+        <div v-if="foo">First</div>
+        <div v-else-if="bar">Default</div>
+        <div v-else>Second</div>
+      </template>
+      `
+            }
+          ]
         }
       ]
     },
@@ -239,7 +305,21 @@ tester.run('no-negated-v-if-condition', rule, {
         {
           messageId: 'negatedCondition',
           line: 4,
-          column: 25
+          column: 25,
+          endLine: 4,
+          endColumn: 27,
+          suggestions: [
+            {
+              messageId: 'fixNegatedCondition',
+              output: `
+      <template>
+        <div v-if="!a">First</div>
+        <div v-else-if="b">Default</div>
+        <div v-else>Second</div>
+      </template>
+      `
+            }
+          ]
         }
       ]
     }

From bf707fc8b0ccd5715b15b5dd5e1d071c2d46673d Mon Sep 17 00:00:00 2001
From: waynzh <waynzh19@gmail.com>
Date: Mon, 14 Jul 2025 11:18:52 +0800
Subject: [PATCH 06/10] docs: update link

---
 docs/rules/no-negated-v-if-condition.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/rules/no-negated-v-if-condition.md b/docs/rules/no-negated-v-if-condition.md
index 27bc30556..ea944289a 100644
--- a/docs/rules/no-negated-v-if-condition.md
+++ b/docs/rules/no-negated-v-if-condition.md
@@ -54,7 +54,8 @@ Nothing.
 
 ## :couple: Related Rules
 
-- [no-negated-v-if-condition](https://eslint.org/docs/rules/no-negated-v-if-condition)
+- [no-negated-condition](https://eslint.org/docs/latest/rules/no-negated-condition)
+- [unicorn/no-negated-condition](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-negated-condition.md)
 
 ## :mag: Implementation
 

From 74b50e7a9d6771f0981f8a9d5124685080f6c331 Mon Sep 17 00:00:00 2001
From: waynzh <waynzh19@gmail.com>
Date: Mon, 14 Jul 2025 12:30:44 +0800
Subject: [PATCH 07/10] chore: add changeset

---
 .changeset/early-worlds-reply.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/early-worlds-reply.md

diff --git a/.changeset/early-worlds-reply.md b/.changeset/early-worlds-reply.md
new file mode 100644
index 000000000..c1b7b7e05
--- /dev/null
+++ b/.changeset/early-worlds-reply.md
@@ -0,0 +1,5 @@
+---
+'eslint-plugin-vue': minor
+---
+
+Add new `vue/no-negated-v-if-condition` rule

From 6f3ef44520ca80cc4b540476bae07dff925bf959 Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Tue, 15 Jul 2025 10:14:49 +0800
Subject: [PATCH 08/10] Update .changeset/early-worlds-reply.md

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 .changeset/early-worlds-reply.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/early-worlds-reply.md b/.changeset/early-worlds-reply.md
index c1b7b7e05..8a269de33 100644
--- a/.changeset/early-worlds-reply.md
+++ b/.changeset/early-worlds-reply.md
@@ -2,4 +2,4 @@
 'eslint-plugin-vue': minor
 ---
 
-Add new `vue/no-negated-v-if-condition` rule
+Added new [`vue/no-negated-v-if-condition`](https://eslint.vuejs.org/rules/no-negated-v-if-condition.html) rule

From 73afcea261d8740ea2a2ae47aaa2146e25714816 Mon Sep 17 00:00:00 2001
From: waynzh <waynzh19@gmail.com>
Date: Tue, 15 Jul 2025 10:25:38 +0800
Subject: [PATCH 09/10] docs: update links

---
 docs/rules/index.md                     | 2 +-
 docs/rules/no-negated-condition.md      | 1 +
 docs/rules/no-negated-v-if-condition.md | 1 +
 lib/index.js                            | 2 +-
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 25572fd49..26542db38 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -484,8 +484,8 @@ The following rules extend the rules provided by ESLint itself and apply them to
 [vue/no-multiple-slot-args]: ./no-multiple-slot-args.md
 [vue/no-multiple-template-root]: ./no-multiple-template-root.md
 [vue/no-mutating-props]: ./no-mutating-props.md
-[vue/no-negated-v-if-condition]: ./no-negated-v-if-condition.md
 [vue/no-negated-condition]: ./no-negated-condition.md
+[vue/no-negated-v-if-condition]: ./no-negated-v-if-condition.md
 [vue/no-parsing-error]: ./no-parsing-error.md
 [vue/no-potential-component-option-typo]: ./no-potential-component-option-typo.md
 [vue/no-ref-as-operand]: ./no-ref-as-operand.md
diff --git a/docs/rules/no-negated-condition.md b/docs/rules/no-negated-condition.md
index e389172ae..fa183bee7 100644
--- a/docs/rules/no-negated-condition.md
+++ b/docs/rules/no-negated-condition.md
@@ -17,6 +17,7 @@ This rule is the same rule as core [no-negated-condition] rule but it applies to
 
 ## :couple: Related Rules
 
+- [`vue/no-negated-v-if-condition`](https://eslint.vuejs.org/rules/no-negated-v-if-condition.html)
 - [unicorn/no-negated-condition](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-negated-condition.md)
 
 ## :books: Further Reading
diff --git a/docs/rules/no-negated-v-if-condition.md b/docs/rules/no-negated-v-if-condition.md
index ea944289a..0b65a2fb3 100644
--- a/docs/rules/no-negated-v-if-condition.md
+++ b/docs/rules/no-negated-v-if-condition.md
@@ -55,6 +55,7 @@ Nothing.
 ## :couple: Related Rules
 
 - [no-negated-condition](https://eslint.org/docs/latest/rules/no-negated-condition)
+- [vue/no-negated-condition](https://eslint.vuejs.org/rules/no-negated-condition.html)
 - [unicorn/no-negated-condition](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-negated-condition.md)
 
 ## :mag: Implementation
diff --git a/lib/index.js b/lib/index.js
index 49fb1e4c3..9b006f9f9 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -141,8 +141,8 @@ const plugin = {
     'no-multiple-slot-args': require('./rules/no-multiple-slot-args'),
     'no-multiple-template-root': require('./rules/no-multiple-template-root'),
     'no-mutating-props': require('./rules/no-mutating-props'),
-    'no-negated-v-if-condition': require('./rules/no-negated-v-if-condition'),
     'no-negated-condition': require('./rules/no-negated-condition'),
+    'no-negated-v-if-condition': require('./rules/no-negated-v-if-condition'),
     'no-parsing-error': require('./rules/no-parsing-error'),
     'no-potential-component-option-typo': require('./rules/no-potential-component-option-typo'),
     'no-ref-as-operand': require('./rules/no-ref-as-operand'),

From fa09bb88f6020f60054e89eb2a5e5383036264ad Mon Sep 17 00:00:00 2001
From: Wayne Zhang <waynzh19@gmail.com>
Date: Tue, 15 Jul 2025 16:42:11 +0800
Subject: [PATCH 10/10] Update lib/rules/no-negated-v-if-condition.js

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/rules/no-negated-v-if-condition.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-negated-v-if-condition.js b/lib/rules/no-negated-v-if-condition.js
index 927d9b2ca..73ee877c0 100644
--- a/lib/rules/no-negated-v-if-condition.js
+++ b/lib/rules/no-negated-v-if-condition.js
@@ -153,8 +153,9 @@ module.exports = {
      * @returns {string}
      */
     function getElementContent(element) {
-      if (element.children.length === 0) return ''
-      if (!element.endTag) return ''
+      if (element.children.length === 0 || !element.endTag) {
+        return ''
+      }
 
       const contentStart = element.startTag.range[1]
       const contentEnd = element.endTag.range[0]