Verwaltung reaktiver Elementauswahlen mit nativem JavaScript Set

import { ref } from 'vue';
 
export function useSelectionSet() {
  const selectedIds = ref(new Set());
 
  const toggleSelection = (id) => {
    const next = new Set(selectedIds.value);
    if (next.has(id)) {
      next.delete(id);
    } else {
      next.add(id);
    }
    selectedIds.value = next;
  };
 
  const isSelected = (id) => selectedIds.value.has(id);
  const clearSelection = () => { selectedIds.value = new Set(); };
 
  return { selectedIds, toggleSelection, isSelected, clearSelection };
}