Reaktives Filtern von Listen mit Computed Properties

import { ref, computed } from 'vue';
 
const searchQuery = ref('');
const items = ref([
  { id: 1, name: 'Apple', inStock: true },
  { id: 2, name: 'Banana', inStock: false },
  { id: 3, name: 'Avocado', inStock: true }
]);
 
const filteredInStockItems = computed(() => {
  return items.value
    .filter(item => item.inStock)
    .filter(item => item.name.toLowerCase().includes(searchQuery.value.toLowerCase()));
});