From a577bd08767dc09f0ece34a0582412f9ddb67c84 Mon Sep 17 00:00:00 2001
From: Kael <kaelwd@gmail.com>
Date: Tue, 16 Apr 2024 00:33:47 +1000
Subject: [PATCH] fix: replace conditional prop binding with ternary instead of
 &&

---
 src/rules/no-deprecated-props.js   | 2 +-
 tests/rules/no-deprecated-props.js | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/rules/no-deprecated-props.js b/src/rules/no-deprecated-props.js
index 62dcffc..0ba69c7 100644
--- a/src/rules/no-deprecated-props.js
+++ b/src/rules/no-deprecated-props.js
@@ -722,7 +722,7 @@ module.exports = {
                       return [fixer.replaceText(propNameNode, replace.name), fixer.replaceText(attr.value, `"${value}"`)]
                     } else {
                       const expression = context.getSourceCode().getText(attr.value.expression)
-                      return [fixer.replaceText(propNameNode, replace.name), fixer.replaceText(attr.value, `"${expression} && '${value}'"`)]
+                      return [fixer.replaceText(propNameNode, replace.name), fixer.replaceText(attr.value, `"${expression} ? '${value}' : undefined"`)]
                     }
                   } else {
                     return fixer.replaceText(attr, `${replace.bind ? ':' : ''}${replace.name}="${value}"`)
diff --git a/tests/rules/no-deprecated-props.js b/tests/rules/no-deprecated-props.js
index 50b4298..e574848 100644
--- a/tests/rules/no-deprecated-props.js
+++ b/tests/rules/no-deprecated-props.js
@@ -23,12 +23,12 @@ tester.run('no-deprecated-props', rule, {
     },
     {
       code: '<template><v-btn :outline="false" /></template>',
-      output: `<template><v-btn :variant="false && 'outlined'" /></template>`,
+      output: `<template><v-btn :variant="false ? 'outlined' : undefined" /></template>`,
       errors: [{ messageId: 'replacedWith' }],
     },
     {
       code: '<template><v-btn v-bind:outline="false" /></template>',
-      output: `<template><v-btn v-bind:variant="false && 'outlined'" /></template>`,
+      output: `<template><v-btn v-bind:variant="false ? 'outlined' : undefined" /></template>`,
       errors: [{ messageId: 'replacedWith' }],
     },
     {
@@ -73,7 +73,7 @@ tester.run('no-deprecated-props', rule, {
     },
     {
       code: '<template><v-window :vertical="condition" /></template>',
-      output: `<template><v-window :direction="condition && 'vertical'" /></template>`,
+      output: `<template><v-window :direction="condition ? 'vertical' : undefined" /></template>`,
       errors: [{ messageId: 'replacedWith' }],
     },
     {