From d9550039a104835d6e9049c4a6a4dd84bb319a06 Mon Sep 17 00:00:00 2001
From: rzzf <cszhjh@gmail.com>
Date: Fri, 28 Nov 2025 00:12:12 +0800
Subject: [PATCH 1/5] feat(vue/no-negated-v-if-condition): add `autofix` option

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

diff --git a/docs/rules/index.md b/docs/rules/index.md
index 3209c157d..e8777be11 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -238,7 +238,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 | :bulb: | :hammer: |
+| [vue/no-negated-v-if-condition] | disallow negated conditions in v-if/v-else | :wrench::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 21592793d..cbdf17041 100644
--- a/docs/rules/no-negated-v-if-condition.md
+++ b/docs/rules/no-negated-v-if-condition.md
@@ -10,6 +10,7 @@ since: v10.4.0
 
 > disallow negated conditions in v-if/v-else
 
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
 - :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
@@ -18,7 +19,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-v-if-condition': ['error']}">
+<eslint-code-block fix :rules="{'vue/no-negated-v-if-condition': ['error']}">
 
 ```vue
 <template>
@@ -50,7 +51,15 @@ Negated conditions make the code less readable. When there's an `else` clause, i
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "vue/no-negated-v-if-condition": ["error", {
+    "autofix": false,
+  }]
+}
+```
+
+- `"autofix"` ... If `true`, enable autofix. (Default: `false`)
 
 ## :couple: Related Rules
 
diff --git a/lib/rules/no-negated-v-if-condition.js b/lib/rules/no-negated-v-if-condition.js
index d9fa99767..a48590407 100644
--- a/lib/rules/no-negated-v-if-condition.js
+++ b/lib/rules/no-negated-v-if-condition.js
@@ -76,9 +76,19 @@ module.exports = {
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/no-negated-v-if-condition.html'
     },
-    fixable: null,
+    fixable: 'code',
     hasSuggestions: true,
-    schema: [],
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          autofix: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
+    ],
     messages: {
       negatedCondition: 'Unexpected negated condition in v-if with v-else.',
       fixNegatedCondition:
@@ -88,6 +98,7 @@ module.exports = {
   /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.sourceCode
+    const canAutoFix = !!context.options[0]?.autofix
 
     const processedPairs = new Set()
 
@@ -152,14 +163,21 @@ module.exports = {
       context.report({
         node: expression,
         messageId: 'negatedCondition',
-        suggest: [
-          {
-            messageId: 'fixNegatedCondition',
-            *fix(fixer) {
-              yield* swapElements(fixer, element, elseElement, expression)
-            }
-          }
-        ]
+        suggest: canAutoFix
+          ? null
+          : [
+              {
+                messageId: 'fixNegatedCondition',
+                *fix(fixer) {
+                  yield* swapElements(fixer, element, elseElement, expression)
+                }
+              }
+            ],
+        fix: canAutoFix
+          ? (fixer) => [
+              ...swapElements(fixer, element, elseElement, expression)
+            ]
+          : null
       })
     }
 
diff --git a/tests/lib/rules/no-negated-v-if-condition.js b/tests/lib/rules/no-negated-v-if-condition.js
index fc0e02d0d..2ba3ace00 100644
--- a/tests/lib/rules/no-negated-v-if-condition.js
+++ b/tests/lib/rules/no-negated-v-if-condition.js
@@ -145,6 +145,23 @@ tester.run('no-negated-v-if-condition', rule, {
     }
   ],
   invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div v-if="!foo">Content</div>
+          <span v-else>Alternative</span>
+        </template>
+      `,
+      output: `
+        <template>
+          <span v-if="foo">Alternative</span>
+          <div v-else>Content</div>
+        </template>
+      `,
+      options: [{ autofix: true }],
+      errors: [{ messageId: 'negatedCondition', line: 3, column: 22 }]
+    },
     {
       filename: 'test.vue',
       code: `
@@ -153,6 +170,7 @@ tester.run('no-negated-v-if-condition', rule, {
         <span v-else class="secondary">Alternative</span>
       </template>
       `,
+      output: null,
       errors: [
         {
           messageId: 'negatedCondition',
@@ -182,6 +200,7 @@ tester.run('no-negated-v-if-condition', rule, {
         <span v-else id="positive">Otherwise</span>
       </template>
       `,
+      output: null,
       errors: [
         {
           messageId: 'negatedCondition',
@@ -211,6 +230,7 @@ tester.run('no-negated-v-if-condition', rule, {
         <div v-else>Equal</div>
       </template>
       `,
+      output: null,
       errors: [
         {
           messageId: 'negatedCondition',
@@ -240,6 +260,7 @@ tester.run('no-negated-v-if-condition', rule, {
         <div v-else>Strictly equal</div>
       </template>
       `,
+      output: null,
       errors: [
         {
           messageId: 'negatedCondition',
@@ -270,6 +291,7 @@ tester.run('no-negated-v-if-condition', rule, {
         <p v-else class="default">Default</p>
       </template>
       `,
+      output: null,
       errors: [
         {
           messageId: 'negatedCondition',
@@ -301,6 +323,7 @@ tester.run('no-negated-v-if-condition', rule, {
         <p v-else data-default>Default</p>
       </template>
       `,
+      output: null,
       errors: [
         {
           messageId: 'negatedCondition',
@@ -331,6 +354,7 @@ tester.run('no-negated-v-if-condition', rule, {
         <span v-else class="span-class" span-attr="baz" span-attr2 :span-attr-3="baz">span contents</span>
       </template>
       `,
+      output: null,
       errors: [
         {
           messageId: 'negatedCondition',
@@ -366,6 +390,7 @@ tester.run('no-negated-v-if-condition', rule, {
         </section>
       </template>
       `,
+      output: null,
       errors: [
         {
           messageId: 'negatedCondition',

From dc57962d8db281deb159c886231b206fea006015 Mon Sep 17 00:00:00 2001
From: rzzf <cszhjh@gmail.com>
Date: Fri, 28 Nov 2025 01:22:52 +0800
Subject: [PATCH 2/5] refactor: update

---
 docs/rules/index.md                          |   2 +-
 docs/rules/no-negated-v-if-condition.md      |  11 +-
 lib/rules/no-negated-v-if-condition.js       |  34 +--
 tests/lib/rules/no-negated-v-if-condition.js | 217 ++++++-------------
 4 files changed, 76 insertions(+), 188 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index e8777be11..5d8deaf00 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -238,7 +238,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 | :wrench::bulb: | :hammer: |
+| [vue/no-negated-v-if-condition] | disallow negated conditions in v-if/v-else | :wrench: | :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 cbdf17041..21fb33e5d 100644
--- a/docs/rules/no-negated-v-if-condition.md
+++ b/docs/rules/no-negated-v-if-condition.md
@@ -11,7 +11,6 @@ since: v10.4.0
 > disallow negated conditions in v-if/v-else
 
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fix-problems) can automatically fix some of the problems reported by this rule.
-- :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
 
@@ -51,15 +50,7 @@ Negated conditions make the code less readable. When there's an `else` clause, i
 
 ## :wrench: Options
 
-```json
-{
-  "vue/no-negated-v-if-condition": ["error", {
-    "autofix": false,
-  }]
-}
-```
-
-- `"autofix"` ... If `true`, enable autofix. (Default: `false`)
+- Nothing.
 
 ## :couple: Related Rules
 
diff --git a/lib/rules/no-negated-v-if-condition.js b/lib/rules/no-negated-v-if-condition.js
index a48590407..72ec21138 100644
--- a/lib/rules/no-negated-v-if-condition.js
+++ b/lib/rules/no-negated-v-if-condition.js
@@ -77,28 +77,14 @@ module.exports = {
       url: 'https://eslint.vuejs.org/rules/no-negated-v-if-condition.html'
     },
     fixable: 'code',
-    hasSuggestions: true,
-    schema: [
-      {
-        type: 'object',
-        properties: {
-          autofix: {
-            type: 'boolean'
-          }
-        },
-        additionalProperties: false
-      }
-    ],
+    schema: [],
     messages: {
-      negatedCondition: 'Unexpected negated condition in v-if with v-else.',
-      fixNegatedCondition:
-        'Convert to positive condition and swap if/else blocks.'
+      negatedCondition: 'Unexpected negated condition in v-if with v-else.'
     }
   },
   /** @param {RuleContext} context */
   create(context) {
     const sourceCode = context.sourceCode
-    const canAutoFix = !!context.options[0]?.autofix
 
     const processedPairs = new Set()
 
@@ -163,21 +149,7 @@ module.exports = {
       context.report({
         node: expression,
         messageId: 'negatedCondition',
-        suggest: canAutoFix
-          ? null
-          : [
-              {
-                messageId: 'fixNegatedCondition',
-                *fix(fixer) {
-                  yield* swapElements(fixer, element, elseElement, expression)
-                }
-              }
-            ],
-        fix: canAutoFix
-          ? (fixer) => [
-              ...swapElements(fixer, element, elseElement, expression)
-            ]
-          : null
+        fix: (fixer) => swapElements(fixer, element, elseElement, expression)
       })
     }
 
diff --git a/tests/lib/rules/no-negated-v-if-condition.js b/tests/lib/rules/no-negated-v-if-condition.js
index 2ba3ace00..81f16eb26 100644
--- a/tests/lib/rules/no-negated-v-if-condition.js
+++ b/tests/lib/rules/no-negated-v-if-condition.js
@@ -159,8 +159,15 @@ tester.run('no-negated-v-if-condition', rule, {
           <div v-else>Content</div>
         </template>
       `,
-      options: [{ autofix: true }],
-      errors: [{ messageId: 'negatedCondition', line: 3, column: 22 }]
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 3,
+          column: 22,
+          endLine: 3,
+          endColumn: 26
+        }
+      ]
     },
     {
       filename: 'test.vue',
@@ -170,25 +177,19 @@ tester.run('no-negated-v-if-condition', rule, {
         <span v-else class="secondary">Alternative</span>
       </template>
       `,
-      output: null,
+      output: `
+      <template>
+        <span v-if="foo" class="secondary">Alternative</span>
+        <div v-else class="primary">Content</div>
+      </template>
+      `,
       errors: [
         {
           messageId: 'negatedCondition',
           line: 3,
           column: 20,
           endLine: 3,
-          endColumn: 24,
-          suggestions: [
-            {
-              messageId: 'fixNegatedCondition',
-              output: `
-      <template>
-        <span v-if="foo" class="secondary">Alternative</span>
-        <div v-else class="primary">Content</div>
-      </template>
-      `
-            }
-          ]
+          endColumn: 24
         }
       ]
     },
@@ -200,25 +201,19 @@ tester.run('no-negated-v-if-condition', rule, {
         <span v-else id="positive">Otherwise</span>
       </template>
       `,
-      output: null,
+      output: `
+      <template>
+        <span v-if="(foo && bar)" id="positive">Otherwise</span>
+        <div v-else id="negated">Negated condition</div>
+      </template>
+      `,
       errors: [
         {
           messageId: 'negatedCondition',
           line: 3,
           column: 20,
           endLine: 3,
-          endColumn: 33,
-          suggestions: [
-            {
-              messageId: 'fixNegatedCondition',
-              output: `
-      <template>
-        <span v-if="(foo && bar)" id="positive">Otherwise</span>
-        <div v-else id="negated">Negated condition</div>
-      </template>
-      `
-            }
-          ]
+          endColumn: 33
         }
       ]
     },
@@ -230,25 +225,19 @@ tester.run('no-negated-v-if-condition', rule, {
         <div v-else>Equal</div>
       </template>
       `,
-      output: null,
+      output: `
+      <template>
+        <div v-if="a == b">Equal</div>
+        <div v-else>Not equal</div>
+      </template>
+      `,
       errors: [
         {
           messageId: 'negatedCondition',
           line: 3,
           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>
-      `
-            }
-          ]
+          endColumn: 26
         }
       ]
     },
@@ -260,25 +249,19 @@ tester.run('no-negated-v-if-condition', rule, {
         <div v-else>Strictly equal</div>
       </template>
       `,
-      output: null,
+      output: `
+      <template>
+        <div v-if="a === b">Strictly equal</div>
+        <div v-else>Strictly not equal</div>
+      </template>
+      `,
       errors: [
         {
           messageId: 'negatedCondition',
           line: 3,
           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>
-      `
-            }
-          ]
+          endColumn: 27
         }
       ]
     },
@@ -291,26 +274,20 @@ tester.run('no-negated-v-if-condition', rule, {
         <p v-else class="default">Default</p>
       </template>
       `,
-      output: null,
+      output: `
+      <template>
+        <div v-if="foo" class="first">First</div>
+        <p v-else-if="bar" class="default">Default</p>
+        <span v-else class="second">Second</span>
+      </template>
+      `,
       errors: [
         {
           messageId: 'negatedCondition',
           line: 4,
           column: 26,
           endLine: 4,
-          endColumn: 30,
-          suggestions: [
-            {
-              messageId: 'fixNegatedCondition',
-              output: `
-      <template>
-        <div v-if="foo" class="first">First</div>
-        <p v-else-if="bar" class="default">Default</p>
-        <span v-else class="second">Second</span>
-      </template>
-      `
-            }
-          ]
+          endColumn: 30
         }
       ]
     },
@@ -323,26 +300,20 @@ tester.run('no-negated-v-if-condition', rule, {
         <p v-else data-default>Default</p>
       </template>
       `,
-      output: null,
+      output: `
+      <template>
+        <div v-if="!a" data-first>First</div>
+        <p v-else-if="b" data-default>Default</p>
+        <span v-else data-second>Second</span>
+      </template>
+      `,
       errors: [
         {
           messageId: 'negatedCondition',
           line: 4,
           column: 26,
           endLine: 4,
-          endColumn: 28,
-          suggestions: [
-            {
-              messageId: 'fixNegatedCondition',
-              output: `
-      <template>
-        <div v-if="!a" data-first>First</div>
-        <p v-else-if="b" data-default>Default</p>
-        <span v-else data-second>Second</span>
-      </template>
-      `
-            }
-          ]
+          endColumn: 28
         }
       ]
     },
@@ -354,25 +325,19 @@ tester.run('no-negated-v-if-condition', rule, {
         <span v-else class="span-class" span-attr="baz" span-attr2 :span-attr-3="baz">span contents</span>
       </template>
       `,
-      output: null,
+      output: `
+      <template>
+        <span v-if="condition" class="span-class" span-attr="baz" span-attr2 :span-attr-3="baz">span contents</span>
+        <div v-else class="div-class" div-attr="foo" div-attr-2 :div-attr-3="foo">div contents</div>
+      </template>
+      `,
       errors: [
         {
           messageId: 'negatedCondition',
           line: 3,
           column: 20,
           endLine: 3,
-          endColumn: 30,
-          suggestions: [
-            {
-              messageId: 'fixNegatedCondition',
-              output: `
-      <template>
-        <span v-if="condition" class="span-class" span-attr="baz" span-attr2 :span-attr-3="baz">span contents</span>
-        <div v-else class="div-class" div-attr="foo" div-attr-2 :div-attr-3="foo">div contents</div>
-      </template>
-      `
-            }
-          ]
+          endColumn: 30
         }
       ]
     },
@@ -390,18 +355,7 @@ tester.run('no-negated-v-if-condition', rule, {
         </section>
       </template>
       `,
-      output: null,
-      errors: [
-        {
-          messageId: 'negatedCondition',
-          line: 3,
-          column: 20,
-          endLine: 3,
-          endColumn: 26,
-          suggestions: [
-            {
-              messageId: 'fixNegatedCondition',
-              output: `
+      output: `
       <template>
         <section v-if="outer" class="outer-else">
           <span v-if="!nested" class="nested-if">Nested if content</span>
@@ -412,57 +366,28 @@ tester.run('no-negated-v-if-condition', rule, {
           <p v-else class="inner-else">Inner else content</p>
         </div>
       </template>
-      `
-            }
-          ]
+      `,
+      errors: [
+        {
+          messageId: 'negatedCondition',
+          line: 3,
+          column: 20,
+          endLine: 3,
+          endColumn: 26
         },
         {
           messageId: 'negatedCondition',
           line: 4,
           column: 23,
           endLine: 4,
-          endColumn: 29,
-          suggestions: [
-            {
-              messageId: 'fixNegatedCondition',
-              output: `
-      <template>
-        <div v-if="!outer" class="outer-if">
-          <p v-if="inner" class="inner-else">Inner else content</p>
-          <span v-else class="inner-if">Inner if content</span>
-        </div>
-        <section v-else class="outer-else">
-          <span v-if="!nested" class="nested-if">Nested if content</span>
-          <p v-else class="nested-else">Nested else content</p>
-        </section>
-      </template>
-      `
-            }
-          ]
+          endColumn: 29
         },
         {
           messageId: 'negatedCondition',
           line: 8,
           column: 23,
           endLine: 8,
-          endColumn: 30,
-          suggestions: [
-            {
-              messageId: 'fixNegatedCondition',
-              output: `
-      <template>
-        <div v-if="!outer" class="outer-if">
-          <span v-if="!inner" class="inner-if">Inner if content</span>
-          <p v-else class="inner-else">Inner else content</p>
-        </div>
-        <section v-else class="outer-else">
-          <p v-if="nested" class="nested-else">Nested else content</p>
-          <span v-else class="nested-if">Nested if content</span>
-        </section>
-      </template>
-      `
-            }
-          ]
+          endColumn: 30
         }
       ]
     }

From 38f4906acf213b6f2e3931b08b2bd48056290525 Mon Sep 17 00:00:00 2001
From: rzzf <cszhjh@gmail.com>
Date: Fri, 28 Nov 2025 01:27:22 +0800
Subject: [PATCH 3/5] docs: revert options

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

diff --git a/docs/rules/no-negated-v-if-condition.md b/docs/rules/no-negated-v-if-condition.md
index 21fb33e5d..e9dfbd620 100644
--- a/docs/rules/no-negated-v-if-condition.md
+++ b/docs/rules/no-negated-v-if-condition.md
@@ -50,7 +50,7 @@ Negated conditions make the code less readable. When there's an `else` clause, i
 
 ## :wrench: Options
 
-- Nothing.
+Nothing.
 
 ## :couple: Related Rules
 

From 3049308d8be82fea04d8a2bdf2d169792b508ffb Mon Sep 17 00:00:00 2001
From: rzzf <cszhjh@gmail.com>
Date: Fri, 28 Nov 2025 01:29:19 +0800
Subject: [PATCH 4/5] test: remove redundant test

---
 tests/lib/rules/no-negated-v-if-condition.js | 24 --------------------
 1 file changed, 24 deletions(-)

diff --git a/tests/lib/rules/no-negated-v-if-condition.js b/tests/lib/rules/no-negated-v-if-condition.js
index 81f16eb26..0b97c7909 100644
--- a/tests/lib/rules/no-negated-v-if-condition.js
+++ b/tests/lib/rules/no-negated-v-if-condition.js
@@ -145,30 +145,6 @@ tester.run('no-negated-v-if-condition', rule, {
     }
   ],
   invalid: [
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <div v-if="!foo">Content</div>
-          <span v-else>Alternative</span>
-        </template>
-      `,
-      output: `
-        <template>
-          <span v-if="foo">Alternative</span>
-          <div v-else>Content</div>
-        </template>
-      `,
-      errors: [
-        {
-          messageId: 'negatedCondition',
-          line: 3,
-          column: 22,
-          endLine: 3,
-          endColumn: 26
-        }
-      ]
-    },
     {
       filename: 'test.vue',
       code: `

From 5d03d3f0bac3e725c906fca5c213d8c8506a05ce Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Thu, 27 Nov 2025 20:27:25 +0100
Subject: [PATCH 5/5] Add changeset

---
 .changeset/rich-zebras-type.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/rich-zebras-type.md

diff --git a/.changeset/rich-zebras-type.md b/.changeset/rich-zebras-type.md
new file mode 100644
index 000000000..62c2438ae
--- /dev/null
+++ b/.changeset/rich-zebras-type.md
@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue": minor
+---
+
+Changed `vue/no-negated-v-if-condition` suggestion to autofix