Skip to main content

Function: useSaveSlots()

useSaveSlots(config): object[]

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

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, and delete.

Parameters​

config​

Configuration object

count​

number

Number of save slots to create (defaults to 1)

Returns​

object[]

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 ? 'Saved' : 'Empty'}</p>
        <button onClick={() => slot.save()}>Save</button>
        <button onClick={() => slot.load()} disabled={!slot.data}>Load</button>
        <button onClick={() => slot.delete()} disabled={!slot.data}>Delete</button>
      </div>
    ))}
  </div>
);