JS.VUE.NO.DUPE.KEYS

Disallow duplication of field names

This rule prevents to use duplicated names.

Rule Details

This rule is aimed at preventing duplicated property names.

{'vue/no-dupe-keys': ['error']}

Copy
<script>
/* BAD */
export default {
  props: {
    foo: String
  },
  computed: {
    foo: {
      get () {}
    }
  },
  data: {
    foo: null
  },
  methods: {
    foo () {}
  }
}
</script>

Options

Copy
{
  "vue/no-dupe-keys": ["error", {
    "groups": []
  }]
}
  • "groups" (string[]) Array of additional groups to search for duplicates. Default is empty.

"groups": ["firebase"]

{'vue/no-dupe-keys': ['error', {groups: ['firebase']}]}

Copy
<script>
/* BAD */
export default {
  computed: {
    foo () {}
  },
  firebase: {
    foo () {}
  }
}
</script>

The content on this page is adapted from the ESLint User Guide. Copyright © OpenJS Foundation and other contributors, www.openjsf.org. All rights reserved. https://eslint.org/docs/rules/