How to remove duplicate objects in VueJS?

Question

Vue.js

There is a select:

<option v-for="profile in profiles" :value="profile.brand.name">
        {{ profile.brand.name }}
      </option>

Which produces something like the following:

BrandName
BrandName2
BrandName2
BrandName3

methods: {
      uniqueFilter: function(profile) {
        if(profile.brand.name === profile.brand.name) {
          как прописать?
        }
      }
}

How to write a filter that would produce the following:

BrandName
BrandName2
BrandName3

Answer 1

Make a computed property:

computed: {
  brands() {
    return [...new Set(this.profiles.map(n => n.brand.name))];
  },
},