Михаил Храмцов

import { ref } from 'vue';

const numbers = ref([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);

const filterHandler = () =>
    (numbers.value = numbers.value.filter((number) => number >= 4 && number <= 8));

Вам необходимо на основе значения statusSelected выбирать какие айтемы рендерить с помощью компьютед метода. Что-то вроде:

const data = [...Ваш массив данных...];
const renderDataByStatus = computed(() = > {
    return statusSelected === 'accepted' ? data.filter((dataItem) => dataItem.status === statusSelected) :
               statusSelected === 'declined' ? data.filter((dataItem) => dataItem.status === statusSelected) :
               data;
})

И проходиться в шаблоне уже по компьютед массиву, то есть person in renderDataByStatus