123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- /**
- * @author Toru Nagashima
- * @copyright 2017 Toru Nagashima. All rights reserved.
- * See LICENSE file in root directory for full license.
- */
- 'use strict'
- const utils = require('../utils')
- module.exports = {
- meta: {
- type: 'layout',
- docs: {
- description: 'enforce quotes style of HTML attributes',
- categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
- url: 'https://eslint.vuejs.org/rules/html-quotes.html'
- },
- fixable: 'code',
- schema: [
- { enum: ['double', 'single'] },
- {
- type: 'object',
- properties: {
- avoidEscape: {
- type: 'boolean'
- }
- },
- additionalProperties: false
- }
- ],
- messages: {
- expected: 'Expected to be enclosed by {{kind}}.'
- }
- },
- /** @param {RuleContext} context */
- create(context) {
- const sourceCode = context.getSourceCode()
- const double = context.options[0] !== 'single'
- const avoidEscape =
- context.options[1] && context.options[1].avoidEscape === true
- const quoteChar = double ? '"' : "'"
- const quoteName = double ? 'double quotes' : 'single quotes'
- /** @type {boolean} */
- let hasInvalidEOF
- return utils.defineTemplateBodyVisitor(
- context,
- {
- 'VAttribute[value!=null]'(node) {
- if (hasInvalidEOF) {
- return
- }
- if (utils.isVBindSameNameShorthand(node)) {
- // v-bind same-name shorthand (Vue 3.4+)
- return
- }
- const text = sourceCode.getText(node.value)
- const firstChar = text[0]
- if (firstChar !== quoteChar) {
- const quoted = firstChar === "'" || firstChar === '"'
- if (avoidEscape && quoted) {
- const contentText = text.slice(1, -1)
- if (contentText.includes(quoteChar)) {
- return
- }
- }
- context.report({
- node: node.value,
- loc: node.value.loc,
- messageId: 'expected',
- data: { kind: quoteName },
- fix(fixer) {
- const contentText = quoted ? text.slice(1, -1) : text
- let fixToDouble = double
- if (avoidEscape && !quoted && contentText.includes(quoteChar)) {
- fixToDouble = double
- ? contentText.includes("'")
- : !contentText.includes('"')
- }
- const quotePattern = fixToDouble ? /"/g : /'/g
- const quoteEscaped = fixToDouble ? '"' : '''
- const fixQuoteChar = fixToDouble ? '"' : "'"
- const replacement =
- fixQuoteChar +
- contentText.replace(quotePattern, quoteEscaped) +
- fixQuoteChar
- return fixer.replaceText(node.value, replacement)
- }
- })
- }
- }
- },
- {
- Program(node) {
- hasInvalidEOF = utils.hasInvalidEOF(node)
- }
- }
- )
- }
- }
|