Сохранение истории

Передайте адаптер storage и стабильный id. История восстанавливается при создании useChat и сохраняется каждый раз, когда ответ завершён (а не на каждом пришедшем токене).

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

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

setMessages([]) // очищает историю и удаляет сохранённую запись

Встроенные адаптеры

Адаптер	Описание
createWebStorage({ prefix?, storage? })	По умолчанию localStorage; можно передать sessionStorage или любой Storage. Во время SSR ничего не делает.
createMemoryStorage()	Map в памяти, удобно для тестов

Свои адаптеры

Реализуйте ChatStorage — методы могут быть синхронными или асинхронными:

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(() => {}),
}

С асинхронным хранилищем isRestored остаётся false, пока не завершится load:

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

Сообщения, отправленные до окончания загрузки, сохраняются — сохранённая история их не перезаписывает. Ошибки хранилища попадают в onError.

WARNING

Вложения сохраняются как data URL. Большие файлы могут превысить квоту localStorage (~5 МБ) — для чатов с большим количеством файлов используйте асинхронное хранилище.