Skip to main content

Function: useSaveSlots()

useSaveSlots(config): SaveSlot[]

Defined in: packages/core/src/saves/hooks/useSaveSlots.ts:58

React hook that provides an array of save slots with live updates from IndexedDB. Each slot includes the save data and methods to save, load, update and delete.

Parameters​

config​

Configuration object

count​

number

Number of save slots to create (defaults to 1)

Returns​

SaveSlot[]

Array of save slot objects, each containing data and action methods

Example​

const slots = useSaveSlots({ count: 5 });

return (
  <div>
    {slots.map((slot, index) => (
      <div key={index}>
        <p>Slot {index}: {slot.data?.title ?? 'Empty'}</p>
        <button onClick={() => slot.save({ title: 'Chapter 2' })}>Save</button>
        <button onClick={() => slot.load()} disabled={!slot.data}>Load</button>
        <button onClick={() => slot.update({ title: 'Renamed' })} disabled={!slot.data}>Rename</button>
        <button onClick={() => slot.delete()} disabled={!slot.data}>Delete</button>
      </div>
    ))}
  </div>
);