@adyen/eslint-plugin-bento 2.8.0 → 2.9.0

package/rules/deprecation-components-input-emit/__tests__/eslint.config.js

@@ -18,7 +18,7 @@ module.exports = defineConfig([
         },
         rules: {
             // Register the specific rule we are testing
-            '@adyen/bento/deprecation-components-input-emit': 'warn',
+            '@adyen/bento/deprecation-components-input-emit': ['warn', { autofix: true }],
         },
         files: ['**/*.vue'],
     },

package/rules/deprecation-components-input-emit/deprecation-components-input-emit.js

@@ -22,11 +22,24 @@ module.exports = {
             deprecation: `The "input" emit is deprecated. Please use "update:model-value" instead.`,
         },
         fixable: 'code',
-        schema: [],
+        schema: [
+            {
+                type: 'object',
+                properties: {
+                    autofix: {
+                        type: 'boolean',
+                        default: false,
+                    },
+                },
+                additionalProperties: false,
+            },
+        ],
     },
 
     /** @param {RuleContext} context */
     create(context) {
+        const options = context.options[0] || {};
+        const autofix = options.autofix === true;
         /* ------------------------------------------------ */
         /* CASE 3: EMIT DEPRECATION (Multiple Components)   */
         /* ------------------------------------------------ */
@@ -38,9 +51,11 @@ module.exports = {
                 context.report({
                     node,
                     messageId: 'deprecation',
-                    fix(fixer) {
-                        return fixer.replaceText(node.key.argument, 'update:model-value');
-                    },
+                    ...(autofix && {
+                        fix(fixer) {
+                            return fixer.replaceText(node.key.argument, 'update:model-value');
+                        },
+                    }),
                 });
             },
         });

package/rules/deprecation-components-input-emit/deprecation-components-input-emit.test.ts

@@ -163,11 +163,36 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
             },
         ],
         invalid: [
+            /* autofix: false */
+            {
+                name: 'Invalid: Emit event with autofix disabled (explicit false)',
+                filename: 'test.vue',
+                code: `<template><bento-input-field @input="val" /></template>`,
+                output: null,
+                options: [{ autofix: false }],
+                errors: [{ messageId: 'deprecation' }],
+            },
+            {
+                name: 'Invalid: Emit event with autofix disabled (no options)',
+                filename: 'test.vue',
+                code: `<template><bento-dropdown @input="handleInput" /></template>`,
+                output: null,
+                errors: [{ messageId: 'deprecation' }],
+            },
+            {
+                name: 'Invalid: Emit event with v-on directive and autofix disabled',
+                filename: 'test.vue',
+                code: `<template><bento-textarea v-on:input="val" /></template>`,
+                output: null,
+                errors: [{ messageId: 'deprecation' }],
+            },
+            /* autofix: true */
             {
                 name: 'Invalid: Emit event on bento-date-picker',
                 filename: 'test.vue',
                 code: `<template><bento-date-picker @input="val" /></template>`,
                 output: `<template><bento-date-picker @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -175,6 +200,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-date-range-picker @input="val" /></template>`,
                 output: `<template><bento-date-range-picker @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -182,6 +208,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown @input="val" /></template>`,
                 output: `<template><bento-dropdown @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -189,6 +216,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-avatar @input="val" /></template>`,
                 output: `<template><bento-dropdown-avatar @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -196,6 +224,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-country @input="val" /></template>`,
                 output: `<template><bento-dropdown-country @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -203,6 +232,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-currency @input="val" /></template>`,
                 output: `<template><bento-dropdown-currency @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -210,6 +240,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-payment-method @input="val" /></template>`,
                 output: `<template><bento-dropdown-payment-method @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -217,6 +248,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-tag @input="val" /></template>`,
                 output: `<template><bento-dropdown-tag @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -224,6 +256,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-file-uploader @input="val" /></template>`,
                 output: `<template><bento-file-uploader @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -231,6 +264,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-input-field @input="val" /></template>`,
                 output: `<template><bento-input-field @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -238,6 +272,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-input-field-password @input="val" /></template>`,
                 output: `<template><bento-input-field-password @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -245,6 +280,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-input-field-phone-number @input="val" /></template>`,
                 output: `<template><bento-input-field-phone-number @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -252,6 +288,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-checkbox-group @input="val" /></template>`,
                 output: `<template><bento-checkbox-group @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -259,6 +296,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-radio-group @input="val" /></template>`,
                 output: `<template><bento-radio-group @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -266,6 +304,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-selection-card-group @input="val" /></template>`,
                 output: `<template><bento-selection-card-group @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             {
@@ -273,6 +312,7 @@ describe('@adyen/bento/deprecation-components-input-emit', () => {
                 filename: 'test.vue',
                 code: `<template><bento-textarea @input="val" /></template>`,
                 output: `<template><bento-textarea @update:model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
         ],

package/rules/deprecation-components-value-prop/__tests__/eslint.config.js

@@ -18,7 +18,7 @@ module.exports = defineConfig([
         },
         rules: {
             // Register the specific rule we are testing
-            '@adyen/bento/deprecation-components-value-prop': 'warn',
+            '@adyen/bento/deprecation-components-value-prop': ['warn', { autofix: true }],
         },
         files: ['**/*.vue'],
     },

package/rules/deprecation-components-value-prop/deprecation-components-value-prop.js

@@ -22,11 +22,24 @@ module.exports = {
             deprecation: `The "value" prop is deprecated. Please use "model-value" instead.`,
         },
         fixable: 'code',
-        schema: [],
+        schema: [
+            {
+                type: 'object',
+                properties: {
+                    autofix: {
+                        type: 'boolean',
+                        default: false,
+                    },
+                },
+                additionalProperties: false,
+            },
+        ],
     },
 
     /** @param {RuleContext} context */
     create(context) {
+        const options = context.options[0] || {};
+        const autofix = options.autofix === true;
         /* ------------------------------------------------ */
         /* CASE 2: PROP DEPRECATION (Multiple Components)   */
         /* ------------------------------------------------ */
@@ -38,9 +51,11 @@ module.exports = {
                 context.report({
                     node,
                     messageId: 'deprecation',
-                    fix(fixer) {
-                        return fixer.replaceText(node.key, 'model-value');
-                    },
+                    ...(autofix && {
+                        fix(fixer) {
+                            return fixer.replaceText(node.key, 'model-value');
+                        },
+                    }),
                 });
             },
 
@@ -51,9 +66,11 @@ module.exports = {
                 context.report({
                     node,
                     messageId: 'deprecation',
-                    fix(fixer) {
-                        return fixer.replaceText(node.key.argument, 'model-value');
-                    },
+                    ...(autofix && {
+                        fix(fixer) {
+                            return fixer.replaceText(node.key.argument, 'model-value');
+                        },
+                    }),
                 });
             },
         });

package/rules/deprecation-components-value-prop/deprecation-components-value-prop.test.ts

@@ -163,12 +163,37 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
             },
         ],
         invalid: [
+            /* autofix: false */
+            {
+                name: 'Invalid: Static prop with autofix disabled (explicit false)',
+                filename: 'test.vue',
+                code: `<template><bento-input-field value="val" /></template>`,
+                output: null,
+                options: [{ autofix: false }],
+                errors: [{ messageId: 'deprecation' }],
+            },
+            {
+                name: 'Invalid: Dynamic prop with autofix disabled (no options)',
+                filename: 'test.vue',
+                code: `<template><bento-dropdown :value="val" /></template>`,
+                output: null,
+                errors: [{ messageId: 'deprecation' }],
+            },
+            {
+                name: 'Invalid: Static prop with autofix disabled (no options)',
+                filename: 'test.vue',
+                code: `<template><bento-textarea value="val" /></template>`,
+                output: null,
+                errors: [{ messageId: 'deprecation' }],
+            },
+            /* autofix: true */
             // bento-date-picker: Static
             {
                 name: 'Invalid: Static prop on bento-date-picker',
                 filename: 'test.vue',
                 code: `<template><bento-date-picker value="val" /></template>`,
                 output: `<template><bento-date-picker model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-date-picker: Shorthand
@@ -177,6 +202,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-date-picker :value="val" /></template>`,
                 output: `<template><bento-date-picker :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-date-range-picker: Static
@@ -185,6 +211,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-date-range-picker value="val" /></template>`,
                 output: `<template><bento-date-range-picker model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-date-range-picker: Shorthand
@@ -193,6 +220,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-date-range-picker :value="val" /></template>`,
                 output: `<template><bento-date-range-picker :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-dropdown: Static
@@ -201,6 +229,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown value="val" /></template>`,
                 output: `<template><bento-dropdown model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-dropdown: Shorthand
@@ -209,6 +238,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown :value="val" /></template>`,
                 output: `<template><bento-dropdown :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-dropdown-avatar: Static
@@ -217,6 +247,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-avatar value="val" /></template>`,
                 output: `<template><bento-dropdown-avatar model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-dropdown-avatar: Shorthand
@@ -225,6 +256,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-avatar :value="val" /></template>`,
                 output: `<template><bento-dropdown-avatar :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-dropdown-country: Static
@@ -233,6 +265,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-country value="val" /></template>`,
                 output: `<template><bento-dropdown-country model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-dropdown-country: Shorthand
@@ -241,6 +274,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-country :value="val" /></template>`,
                 output: `<template><bento-dropdown-country :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-dropdown-currency: Static
@@ -249,6 +283,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-currency value="val" /></template>`,
                 output: `<template><bento-dropdown-currency model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-dropdown-currency: Shorthand
@@ -257,6 +292,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-currency :value="val" /></template>`,
                 output: `<template><bento-dropdown-currency :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-dropdown-payment-method: Static
@@ -265,6 +301,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-payment-method value="val" /></template>`,
                 output: `<template><bento-dropdown-payment-method model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-dropdown-payment-method: Shorthand
@@ -273,6 +310,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-payment-method :value="val" /></template>`,
                 output: `<template><bento-dropdown-payment-method :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-dropdown-tag: Static
@@ -281,6 +319,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-tag value="val" /></template>`,
                 output: `<template><bento-dropdown-tag model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-dropdown-tag: Shorthand
@@ -289,6 +328,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-dropdown-tag :value="val" /></template>`,
                 output: `<template><bento-dropdown-tag :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-file-uploader: Static
@@ -297,6 +337,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-file-uploader value="val" /></template>`,
                 output: `<template><bento-file-uploader model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-file-uploader: Shorthand
@@ -305,6 +346,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-file-uploader :value="val" /></template>`,
                 output: `<template><bento-file-uploader :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-input-field: Static
@@ -313,6 +355,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-input-field value="val" /></template>`,
                 output: `<template><bento-input-field model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-input-field: Shorthand
@@ -321,6 +364,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-input-field :value="val" /></template>`,
                 output: `<template><bento-input-field :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-input-field-password: Static
@@ -329,6 +373,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-input-field-password value="val" /></template>`,
                 output: `<template><bento-input-field-password model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-input-field-password: Shorthand
@@ -337,6 +382,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-input-field-password :value="val" /></template>`,
                 output: `<template><bento-input-field-password :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-input-field-phone-number: Static
@@ -345,6 +391,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-input-field-phone-number value="val" /></template>`,
                 output: `<template><bento-input-field-phone-number model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-input-field-phone-number: Shorthand
@@ -353,6 +400,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-input-field-phone-number :value="val" /></template>`,
                 output: `<template><bento-input-field-phone-number :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-checkbox-group: Static
@@ -361,6 +409,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-checkbox-group value="val" /></template>`,
                 output: `<template><bento-checkbox-group model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-checkbox-group: Shorthand
@@ -369,6 +418,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-checkbox-group :value="val" /></template>`,
                 output: `<template><bento-checkbox-group :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-radio-group: Static
@@ -377,6 +427,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-radio-group value="val" /></template>`,
                 output: `<template><bento-radio-group model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-radio-group: Shorthand
@@ -385,6 +436,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-radio-group :value="val" /></template>`,
                 output: `<template><bento-radio-group :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-selection-card-group: Static
@@ -393,6 +445,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-selection-card-group value="val" /></template>`,
                 output: `<template><bento-selection-card-group model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-selection-card-group: Shorthand
@@ -401,6 +454,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-selection-card-group :value="val" /></template>`,
                 output: `<template><bento-selection-card-group :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-textarea: Static
@@ -409,6 +463,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-textarea value="val" /></template>`,
                 output: `<template><bento-textarea model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
             // bento-textarea: Shorthand
@@ -417,6 +472,7 @@ describe('@adyen/bento/deprecation-components-value-prop', () => {
                 filename: 'test.vue',
                 code: `<template><bento-textarea :value="val" /></template>`,
                 output: `<template><bento-textarea :model-value="val" /></template>`,
+                options: [{ autofix: true }],
                 errors: [{ messageId: 'deprecation' }],
             },
         ],

package/rules/deprecation-filter-bar-deprecated-props/README.md

@@ -0,0 +1,64 @@
+# deprecation-filter-bar-deprecated-props
+
+## Description
+
+Deprecates the following props and options in `bento-filter-bar` and `bento-data-grid` filter configs:
+
+### Direct prop on `bento-filter-bar`
+
+| Deprecated | Replacement                  |
+| ---------- | ---------------------------- |
+| `value`    | `config` and `filter-values` |
+
+### Nested options in filter config items (`BentoSelectFilterOptions`)
+
+| Deprecated                                          | Replacement                                       |
+| --------------------------------------------------- | ------------------------------------------------- |
+| `messages`                                          | None (persistent filter label now uses a counter) |
+| `messagesPersistentButtonLabelPartiallySelectedKey` | None                                              |
+| `messagesPersistentButtonLabelAllSelectedKey`       | None                                              |
+
+### `value` on filter config items (`BentoFilterModel`)
+
+| Deprecated | Replacement     |
+| ---------- | --------------- |
+| `value`    | `filter-values` |
+
+## Rule Details
+
+### ❌ Incorrect
+
+```html
+<bento-filter-bar :value="filters" /> <bento-filter-bar v-model="filters" />
+```
+
+```js
+const config = [
+    {
+        field: 'status',
+        type: 'BentoSelectFilter',
+        value: 'active',
+        options: {
+            messages: { en: { persistentButtonLabelPartiallySelected: 'x' } },
+            messagesPersistentButtonLabelPartiallySelectedKey: 'customKey',
+            messagesPersistentButtonLabelAllSelectedKey: 'customKey',
+        },
+    },
+];
+```
+
+### ✅ Correct
+
+```html
+<bento-filter-bar :config="config" :filter-values="values" />
+```
+
+```js
+const config = [
+    {
+        field: 'status',
+        type: 'BentoSelectFilter',
+        options: { listboxItems: [] },
+    },
+];
+```

package/rules/deprecation-filter-bar-deprecated-props/__tests__/deprecation-filter-bar-deprecated-props.vue

@@ -0,0 +1,48 @@
+<template>
+    <div>
+        <!-- Direct value prop on bento-filter-bar: 3 warnings -->
+        <bento-filter-bar value="val" />
+        <bento-filter-bar :value="filters" />
+        <bento-filter-bar v-model="filters" />
+
+        <!-- Script-defined config with deprecated value + options: used below -->
+        <bento-filter-bar :config="configWithValue" />
+        <bento-data-grid :filters="configWithOptions" />
+
+        <!-- Inline template config with deprecated options: 1 warning -->
+        <bento-filter-bar
+            :config="[
+                {
+                    field: 'inline',
+                    type: 'BentoSelectFilter',
+                    options: { messages: {} },
+                },
+            ]"
+        />
+    </div>
+</template>
+
+<script setup>
+    // 1 warning (value on config item)
+    const configWithValue = [
+        {
+            field: 'name',
+            type: 'BentoInputFilter',
+            value: 'test',
+        },
+    ];
+
+    // 3 warnings (messages + 2 keys)
+    const configWithOptions = [
+        {
+            field: 'status',
+            type: 'BentoSelectFilter',
+            options: {
+                messages: {},
+                messagesPersistentButtonLabelPartiallySelectedKey: 'k1',
+                messagesPersistentButtonLabelAllSelectedKey: 'k2',
+                listboxItems: [],
+            },
+        },
+    ];
+</script>