no-deprecated-html-element-is.js 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. /**
  2. * @author Yosuke Ota
  3. * See LICENSE file in root directory for full license.
  4. */
  5. 'use strict'
  6. // ------------------------------------------------------------------------------
  7. // Requirements
  8. // ------------------------------------------------------------------------------
  9. const utils = require('../utils')
  10. // ------------------------------------------------------------------------------
  11. // Rule Definition
  12. // ------------------------------------------------------------------------------
  13. module.exports = {
  14. meta: {
  15. type: 'problem',
  16. docs: {
  17. description:
  18. 'disallow using deprecated the `is` attribute on HTML elements (in Vue.js 3.0.0+)',
  19. categories: ['vue3-essential'],
  20. url: 'https://eslint.vuejs.org/rules/no-deprecated-html-element-is.html'
  21. },
  22. fixable: null,
  23. schema: [],
  24. messages: {
  25. unexpected: 'The `is` attribute on HTML element are deprecated.'
  26. }
  27. },
  28. /** @param {RuleContext} context */
  29. create(context) {
  30. /** @param {VElement} node */
  31. function isValidElement(node) {
  32. return (
  33. !utils.isHtmlWellKnownElementName(node.rawName) &&
  34. !utils.isSvgWellKnownElementName(node.rawName)
  35. )
  36. }
  37. return utils.defineTemplateBodyVisitor(context, {
  38. /** @param {VDirective} node */
  39. "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is']"(
  40. node
  41. ) {
  42. if (isValidElement(node.parent.parent)) {
  43. return
  44. }
  45. context.report({
  46. node,
  47. loc: node.loc,
  48. messageId: 'unexpected'
  49. })
  50. },
  51. /** @param {VAttribute} node */
  52. "VAttribute[directive=false][key.name='is']"(node) {
  53. if (isValidElement(node.parent.parent)) {
  54. return
  55. }
  56. if (node.value && node.value.value.startsWith('vue:')) {
  57. // Usage on native elements 3.1+
  58. return
  59. }
  60. context.report({
  61. node,
  62. loc: node.loc,
  63. messageId: 'unexpected'
  64. })
  65. }
  66. })
  67. }
  68. }