vue/no-dupe-keys
disallow duplication of field names
- ⚙️ This rule is included in all of
"plugin:vue/essential",*.configs["flat/essential"],"plugin:vue/vue2-essential",*.configs["flat/vue2-essential"],"plugin:vue/strongly-recommended",*.configs["flat/strongly-recommended"],"plugin:vue/vue2-strongly-recommended",*.configs["flat/vue2-strongly-recommended"],"plugin:vue/recommended",*.configs["flat/recommended"],"plugin:vue/vue2-recommended"and*.configs["flat/vue2-recommended"].
This rule prevents using duplicate key names.
📖 Rule Details
This rule prevents duplicate props/data/methods/etc. key names defined on a component. Even if a key name does not conflict in the <script> tag itself, it still may lead to a conflict in the <template> since Vue allows directly accessing these keys from there.
<script>
/* ✗ BAD */
export default {
props: {
foo: String
},
computed: {
foo: {
get() {}
}
},
data: {
foo: null
},
methods: {
foo() {}
}
}
</script>
🔧 Options
json
{
"vue/no-dupe-keys": ["error", {
"groups": []
}]
}"groups"(string[]) Array of additional groups to search for duplicates. Default is empty.
"groups": ["firebase"]
<script>
/* ✗ BAD */
export default {
computed: {
foo() {}
},
firebase: {
foo() {}
}
}
</script>
🚀 Version
This rule was introduced in eslint-plugin-vue v3.9.0