Gruppierung und Partitionierung reaktiver Array-Daten in Vue

import { ref, computed } from 'vue';
 
export function useCategorizedProducts(initialList = []) {
  const products = ref(initialList);
 
  const groupedByCategory = computed(() => {
    return products.value.reduce((acc, product) => {
      const category = product.category ?? 'Uncategorized';
      if (!acc[category]) {
        acc[category] = [];
      }
      acc[category].push(product);
      return acc;
    }, {});
  });
 
  return { products, groupedByCategory };
}