Universal $state rune

Instead of using the svelte/store which is the go to solution for shared component state management, from svelte5 the universal $state rune can be exported to make it shared

import type { Todo } from "../types";
 
export const todoState = $state<Todo[]>([]);
 
export function addTodo(currTodo: string) {
  todoState.push({
    id: crypto.randomUUID(),
    description: currTodo,
    done: false,
  });
}
 
export function deleteTodo(id: string) {
  const idx = todoState.findIndex(t => t.id === id);
  if (idx !== -1) todoState.splice(idx, 1);
}
 
export function toggleItem(id: string) {
  const item = todoState.find(t => t.id === id);
  if (item) item.done = !item.done;
}