Persistencia

Pasa un adaptador storage y un id estable. El historial se restaura al crear useChat y se guarda cada vez que termina una respuesta (no con cada token del streaming).

import { useChat, createWebStorage } from 'vue-llm'

const { messages, setMessages, isRestored } = useChat({
  id: 'support-chat',
  provider: ai,
  model: 'gpt-4o',
  storage: createWebStorage(), // localStorage key: vue-llm:chat:support-chat
})

setMessages([]) // clears history and removes the stored entry

Adaptadores incluidos

Adaptador	Descripción
createWebStorage({ prefix?, storage? })	localStorage por defecto; pasa sessionStorage o cualquier Storage. No hace nada durante SSR.
createMemoryStorage()	Map en memoria, útil para tests

Adaptadores personalizados

Implementa ChatStorage; los métodos pueden ser síncronos o asíncronos:

import type { ChatStorage } from 'vue-llm'

const apiStorage: ChatStorage = {
  load: id => fetch(`/api/chats/${id}`).then(r => (r.ok ? r.json() : null)),
  save: (id, messages) => fetch(`/api/chats/${id}`, { method: 'PUT', body: JSON.stringify(messages) }).then(() => {}),
  remove: id => fetch(`/api/chats/${id}`, { method: 'DELETE' }).then(() => {}),
}

Con almacenamiento asíncrono, isRestored sigue en false hasta que load se resuelve:

<Spinner v-if="!isRestored" />

Los mensajes enviados antes de que termine la carga se conservan: el historial guardado nunca los sobrescribe. Los errores de almacenamiento van a onError.

WARNING

Los adjuntos se guardan como data URLs. Los archivos grandes pueden superar la cuota de ~5 MB de localStorage; usa un backend asíncrono para chats con muchos archivos.