valid-v-if.js 2.1 KB

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