valid-v-else-if.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. /**
  2. * @author Toru Nagashima
  3. * @copyright 2017 Toru Nagashima. All rights reserved.
  4. * See LICENSE file in root directory for full license.
  5. */
  6. 'use strict'
  7. // ------------------------------------------------------------------------------
  8. // Requirements
  9. // ------------------------------------------------------------------------------
  10. const utils = require('../utils')
  11. // ------------------------------------------------------------------------------
  12. // Rule Definition
  13. // ------------------------------------------------------------------------------
  14. module.exports = {
  15. meta: {
  16. type: 'problem',
  17. docs: {
  18. description: 'enforce valid `v-else-if` directives',
  19. categories: ['vue3-essential', 'essential'],
  20. url: 'https://eslint.vuejs.org/rules/valid-v-else-if.html'
  21. },
  22. fixable: null,
  23. schema: []
  24. },
  25. /** @param {RuleContext} context */
  26. create(context) {
  27. return utils.defineTemplateBodyVisitor(context, {
  28. /** @param {VDirective} node */
  29. "VAttribute[directive=true][key.name.name='else-if']"(node) {
  30. const element = node.parent.parent
  31. if (!utils.prevElementHasIf(element)) {
  32. context.report({
  33. node,
  34. loc: node.loc,
  35. message:
  36. "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
  37. })
  38. }
  39. if (utils.hasDirective(element, 'if')) {
  40. context.report({
  41. node,
  42. loc: node.loc,
  43. message:
  44. "'v-else-if' and 'v-if' directives can't exist on the same element."
  45. })
  46. }
  47. if (utils.hasDirective(element, 'else')) {
  48. context.report({
  49. node,
  50. loc: node.loc,
  51. message:
  52. "'v-else-if' and 'v-else' directives can't exist on the same element."
  53. })
  54. }
  55. if (node.key.argument) {
  56. context.report({
  57. node,
  58. loc: node.loc,
  59. message: "'v-else-if' directives require no argument."
  60. })
  61. }
  62. if (node.key.modifiers.length > 0) {
  63. context.report({
  64. node,
  65. loc: node.loc,
  66. message: "'v-else-if' directives require no modifier."
  67. })
  68. }
  69. if (!node.value || utils.isEmptyValueDirective(node, context)) {
  70. context.report({
  71. node,
  72. loc: node.loc,
  73. message: "'v-else-if' directives require that attribute value."
  74. })
  75. }
  76. }
  77. })
  78. }
  79. }