@adyen/eslint-plugin-bento 2.7.7 → 2.9.0

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>

package/rules/deprecation-filter-bar-deprecated-props/__tests__/eslint.config.js

@@ -0,0 +1,25 @@
+// eslint.config.js
+const { defineConfig } = require('eslint/config');
+const vueParser = require('vue-eslint-parser');
+const tsParser = require('@typescript-eslint/parser');
+const adyenBento = require('@adyen/eslint-plugin-bento');
+
+module.exports = defineConfig([
+    {
+        languageOptions: {
+            ecmaVersion: 'latest',
+            sourceType: 'module',
+            parser: vueParser,
+            parserOptions: {
+                parser: tsParser,
+            },
+        },
+        plugins: {
+            '@adyen/bento': adyenBento,
+        },
+        rules: {
+            '@adyen/bento/deprecation-filter-bar-deprecated-props': 'warn',
+        },
+        files: ['**/*.vue'],
+    },
+]);

package/rules/deprecation-filter-bar-deprecated-props/deprecation-filter-bar-deprecated-props.integration.test.ts

@@ -0,0 +1,22 @@
+import path from 'node:path';
+import { execFileSyncEslintVueFiles } from '../../utils/exec-file-sync-eslint-vue-files';
+
+describe('@adyen/bento/deprecation-filter-bar-deprecated-props', () => {
+    it('should lint with warning', () => {
+        const eslintrc = path.resolve(__dirname, '__tests__', 'eslint.config.js');
+        const vueFile = path.resolve(__dirname, '__tests__', 'deprecation-filter-bar-deprecated-props.vue');
+
+        const result = JSON.parse(execFileSyncEslintVueFiles(eslintrc, vueFile));
+
+        // 3 from direct value prop (static, dynamic, v-model)
+        // + 1 from configWithValue (value on config item)
+        // + 3 from configWithOptions (messages + 2 keys)
+        // + 1 from inline template (messages)
+        expect(result[0].warningCount).toBe(8);
+
+        expect(result[0].messages[0]).toMatchObject({
+            ruleId: '@adyen/bento/deprecation-filter-bar-deprecated-props',
+            severity: 1,
+        });
+    });
+});

package/rules/deprecation-filter-bar-deprecated-props/deprecation-filter-bar-deprecated-props.js

@@ -0,0 +1,187 @@
+/**
+ * @typedef {import('eslint').Rule.RuleContext} RuleContext
+ */
+/**
+ * @typedef {import('eslint-plugin-vue/lib/utils').RuleModule} RuleModule
+ */
+
+const VueUtils = require('eslint-plugin-vue/lib/utils');
+
+const DEPRECATED_OPTIONS_KEYS = new Set([
+    'messages',
+    'messagesPersistentButtonLabelPartiallySelectedKey',
+    'messagesPersistentButtonLabelAllSelectedKey',
+]);
+
+function getStaticPropertyName(prop) {
+    if (prop.type !== 'Property' || prop.computed) {
+        return null;
+    }
+    return prop.key.type === 'Identifier' ? prop.key.name : prop.key.type === 'Literal' ? String(prop.key.value) : null;
+}
+
+/** @type {RuleModule} */
+module.exports = {
+    meta: {
+        type: 'suggestion',
+        docs: {
+            description:
+                'Deprecates usage of value prop and messages-related options in bento-filter-bar and bento-data-grid filter configs',
+            category: 'Deprecations',
+            url: 'https://github.com/Adyen/bento/blob/main/packages/eslint/rules/deprecation-filter-bar-deprecated-props/README.md',
+            recommended: true,
+        },
+        messages: {
+            deprecationValue: `The "value" prop is deprecated. Please use "config" and "filter-values" instead.`,
+            deprecationConfigValue: `The "value" property in filter config items is deprecated. Please use "filter-values" instead.`,
+            deprecationOption:
+                'The "{{ key }}" option in filter config is deprecated. The persistent filter label now uses a counter instead of custom strings.',
+        },
+        fixable: 'code',
+        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;
+
+        function removeProperty(fixer, objectNode, prop) {
+            const properties = objectNode.properties;
+            const index = properties.indexOf(prop);
+            const isLast = index === properties.length - 1;
+
+            if (properties.length === 1) {
+                return fixer.replaceText(objectNode, '{}');
+            }
+            if (isLast) {
+                const prev = properties[index - 1];
+                return fixer.removeRange([prev.range[1], prop.range[1]]);
+            }
+            const next = properties[index + 1];
+            return fixer.removeRange([prop.range[0], next.range[0]]);
+        }
+
+        function checkObjectExpression(node) {
+            const properties = node.properties;
+            const propertyMap = {};
+
+            for (const prop of properties) {
+                const name = getStaticPropertyName(prop);
+                if (name) {
+                    propertyMap[name] = prop;
+                }
+            }
+
+            // Only check objects that look like filter config items (BentoFilterModel)
+            const isFilterConfig = propertyMap.field && propertyMap.type;
+            if (!isFilterConfig) {
+                return;
+            }
+
+            // Check for deprecated "value" on filter config items
+            if (propertyMap.value) {
+                context.report({
+                    node: propertyMap.value.key,
+                    messageId: 'deprecationConfigValue',
+                    ...(autofix && {
+                        fix(fixer) {
+                            return removeProperty(fixer, node, propertyMap.value);
+                        },
+                    }),
+                });
+            }
+
+            // Check for deprecated options keys inside "options" object
+            if (
+                propertyMap.options &&
+                propertyMap.options.value &&
+                propertyMap.options.value.type === 'ObjectExpression'
+            ) {
+                const optionsNode = propertyMap.options.value;
+                for (const optionProp of optionsNode.properties) {
+                    const optionName = getStaticPropertyName(optionProp);
+                    if (optionName && DEPRECATED_OPTIONS_KEYS.has(optionName)) {
+                        context.report({
+                            node: optionProp.key,
+                            messageId: 'deprecationOption',
+                            data: { key: optionName },
+                            ...(autofix && {
+                                fix(fixer) {
+                                    return removeProperty(fixer, optionsNode, optionProp);
+                                },
+                            }),
+                        });
+                    }
+                }
+            }
+        }
+
+        const objectVisitor = {
+            ObjectExpression(node) {
+                checkObjectExpression(node);
+            },
+        };
+
+        return VueUtils.defineTemplateBodyVisitor(
+            context,
+            {
+                // Direct "value" prop on bento-filter-bar (static)
+                [`VElement[name="bento-filter-bar"] > VStartTag > VAttribute[directive=false][key.name="value"]`](
+                    node
+                ) {
+                    context.report({
+                        node,
+                        messageId: 'deprecationValue',
+                        ...(autofix && {
+                            fix(fixer) {
+                                return fixer.remove(node);
+                            },
+                        }),
+                    });
+                },
+                // Direct "value" prop on bento-filter-bar (dynamic)
+                [`VElement[name="bento-filter-bar"] > VStartTag > VAttribute[directive=true][key.name.name="bind"][key.argument.name="value"]`](
+                    node
+                ) {
+                    context.report({
+                        node,
+                        messageId: 'deprecationValue',
+                        ...(autofix && {
+                            fix(fixer) {
+                                return fixer.remove(node);
+                            },
+                        }),
+                    });
+                },
+                // v-model on bento-filter-bar (v-model binds to "value" in Vue 2)
+                [`VElement[name="bento-filter-bar"] > VStartTag > VAttribute[directive=true][key.name.name="model"]`](
+                    node
+                ) {
+                    context.report({
+                        node,
+                        messageId: 'deprecationValue',
+                        ...(autofix && {
+                            fix(fixer) {
+                                return fixer.remove(node);
+                            },
+                        }),
+                    });
+                },
+                ...objectVisitor,
+            },
+            objectVisitor
+        );
+    },
+};