# vue/no-dupe-keys

disallow duplication of field names

⚙️ This rule is included in all of "plugin:vue/vue3-essential", "plugin:vue/essential", "plugin:vue/vue3-strongly-recommended", "plugin:vue/strongly-recommended", "plugin:vue/vue3-recommended" and "plugin:vue/recommended".

This rule prevents to use duplicated names.

# 📖 Rule Details

This rule is aimed at preventing duplicated property names.

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

Now loading...

# 🔧 Options

{
  "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>

Now loading...

# 🚀 Version

This rule was introduced in eslint-plugin-vue v3.9.0

# 🔍 Implementation

← vue/no-async-in-computed-properties vue/no-dupe-v-else-if →