valid-v-else-if.js 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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. docs: {
  17. description: 'enforce valid `v-else-if` directives',
  18. category: 'essential',
  19. url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v4.7.1/docs/rules/valid-v-else-if.md'
  20. },
  21. fixable: null,
  22. schema: []
  23. },
  24. create (context) {
  25. return utils.defineTemplateBodyVisitor(context, {
  26. "VAttribute[directive=true][key.name='else-if']" (node) {
  27. const element = node.parent.parent
  28. if (!utils.prevElementHasIf(element)) {
  29. context.report({
  30. node,
  31. loc: node.loc,
  32. message: "'v-else-if' directives require being preceded by the element which has a 'v-if' or 'v-else-if' directive."
  33. })
  34. }
  35. if (utils.hasDirective(element, 'if')) {
  36. context.report({
  37. node,
  38. loc: node.loc,
  39. message: "'v-else-if' and 'v-if' directives can't exist on the same element."
  40. })
  41. }
  42. if (utils.hasDirective(element, 'else')) {
  43. context.report({
  44. node,
  45. loc: node.loc,
  46. message: "'v-else-if' and 'v-else' directives can't exist on the same element."
  47. })
  48. }
  49. if (node.key.argument) {
  50. context.report({
  51. node,
  52. loc: node.loc,
  53. message: "'v-else-if' directives require no argument."
  54. })
  55. }
  56. if (node.key.modifiers.length > 0) {
  57. context.report({
  58. node,
  59. loc: node.loc,
  60. message: "'v-else-if' directives require no modifier."
  61. })
  62. }
  63. if (!utils.hasAttributeValue(node)) {
  64. context.report({
  65. node,
  66. loc: node.loc,
  67. message: "'v-else-if' directives require that attribute value."
  68. })
  69. }
  70. }
  71. })
  72. }
  73. }