/** * @author Toru Nagashima * @copyright 2017 Toru Nagashima. All rights reserved. * See LICENSE file in root directory for full license. */ 'use strict' // ------------------------------------------------------------------------------ // Requirements // ------------------------------------------------------------------------------ const utils = require('../utils') // ------------------------------------------------------------------------------ // Rule Definition // ------------------------------------------------------------------------------ module.exports = { meta: { type: 'suggestion', docs: { description: 'enforce `v-bind` directive style', category: 'strongly-recommended', url: 'https://eslint.vuejs.org/rules/v-bind-style.html' }, fixable: 'code', schema: [ { enum: ['shorthand', 'longform'] } ] }, create (context) { const preferShorthand = context.options[0] !== 'longform' return utils.defineTemplateBodyVisitor(context, { "VAttribute[directive=true][key.name.name='bind'][key.argument!=null]" (node) { const shorthandProp = node.key.name.rawName === '.' const shorthand = node.key.name.rawName === ':' || shorthandProp if (shorthand === preferShorthand) { return } context.report({ node, loc: node.loc, message: preferShorthand ? "Unexpected 'v-bind' before ':'." : shorthandProp ? "Expected 'v-bind:' instead of '.'." /* otherwise */ : "Expected 'v-bind' before ':'.", * fix (fixer) { if (preferShorthand) { yield fixer.remove(node.key.name) } else { yield fixer.insertTextBefore(node, 'v-bind') if (shorthandProp) { // Replace `.` by `:`. yield fixer.replaceText(node.key.name, ':') // Insert `.prop` modifier if it doesn't exist. const modifier = node.key.modifiers[0] const isAutoGeneratedPropModifier = modifier.name === 'prop' && modifier.rawName === '' if (isAutoGeneratedPropModifier) { yield fixer.insertTextBefore(modifier, '.prop') } } } } }) } }) } }