VueJS, как отфильтровать массив mapgetter

Question

У меня есть следующее mapgetter внутри компонента:

props: {
    hideSidebarText: { type: Boolean, default: false }
  },
  computed: mapGetters({
    menuItems: 'menuTypes',
  }),

Это вычисленное свойство используется для создания списка:

<div
          class="sidebar"
          v-for="item in menuItems"
          :key="item.name"
        >

Список имеет свойство hidden, котороея хочу фильтровать, чтобы показывать только элементы, где hidden ложно .

Как я могу расширить mapGetter внутри вычисляемого раздела, чтобы я мог сделать фильтр в моем компоненте примерно так:

 computed: {
     menuItems: function() {
       return this.menuItems.filter(function(u) {
         return u.hidden == false
     })
   }

Answer 1

Я закончил со следующим решением, не знаю, является ли правильный способ сделать это, но имеет смысл для меня:

computed: {
    ...mapGetters({
      menuItems: 'menuTypes'
    }),
    filteredMenuItems: function() {
      return this.menuItems.filter(function(i) {
        return i.hidden == false;
      });
    }
  },