How to setup v-switch filter for json?

Question

Vue.js

1. there is a switch <v-switch v-model="filtered">
2. there is a json array with objects that contain the following structure:

list: [
        {
          ...,
          ...,
          stateId: 1
          ...,
        },
        {
          ...,
          ...,
          stateId: 0
          ...,
        },
        {
          ...,
          ...,
          stateId: 0
          ...,
        },
        {
          ...,
          ...,
          stateId: 1
          ...,
        }
      ]

Tell me how to set up a filter so that it shows and hides all cards with the status "0"?

,
  computed: {
    stateId() {
      return this.list.stateId;
    }
  },
  methods: {
    filtered() {
      return //- как настроить фильтр?
    }
  }

Answer 1

Create a computed property that, based on some switch, returns either the full array or the filtered array. And in template use this property instead of list