123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- 'use strict'
- const utils = require('../utils')
- module.exports = {
- meta: {
- type: 'problem',
- docs: {
- description:
- 'disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)',
- categories: ['vue3-essential'],
- url: 'https://eslint.vuejs.org/rules/no-deprecated-html-element-is.html'
- },
- fixable: null,
- schema: [],
- messages: {
- unexpected: 'The `is` attribute on HTML element are deprecated.'
- }
- },
-
- create(context) {
-
- function isValidElement(node) {
- return (
- !utils.isHtmlWellKnownElementName(node.rawName) &&
- !utils.isSvgWellKnownElementName(node.rawName)
- )
- }
- return utils.defineTemplateBodyVisitor(context, {
-
- "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is']"(
- node
- ) {
- if (isValidElement(node.parent.parent)) {
- return
- }
- context.report({
- node,
- loc: node.loc,
- messageId: 'unexpected'
- })
- },
-
- "VAttribute[directive=false][key.name='is']"(node) {
- if (isValidElement(node.parent.parent)) {
- return
- }
- if (node.value && node.value.value.startsWith('vue:')) {
-
- return
- }
- context.report({
- node,
- loc: node.loc,
- messageId: 'unexpected'
- })
- }
- })
- }
- }
|