Демо

Полностью интерактивное демо-приложение включено в директорию demo/. Оно охватывает каждую возможность пакета в интерфейсе с вкладками — сборка проекта не требуется.

bash

git clone https://github.com/macrulezru/vue-storage-kit.git
cd vue-storage-kit
npm install
npm run demo

Автоматически открывает http://localhost:5173.

Вкладка	Что показывает
🗄️ localStorage / session	`useLocalStorage`, `useSessionStorage`, `defineStorageKey`, `useStorageKeys`
⏱️ TTL и истечение	Живой обратный отсчёт, коллбэк `onExpire`, `remove()`
🔄 Миграции схемы	Заполнение данными v1 / v2, перезагрузка — цепочка миграций запускается автоматически
🔐 Шифрование	Запись/чтение AES-GCM, сырой base64 в хранилище против расшифрованного значения
📡 Синхронизация вкладок	Чат между вкладками на `useBroadcastChannel` + `useStorage` с `sync: true` (откройте две вкладки)
💾 IndexedDB	Реактивная заметка на `useIDBRef` + CRUD-таблица на `useIndexedDB`
🍪 Cookies	`useCookie` с JSON-объектом и строкой, показывает сырой `document.cookie`
📋 Список хранилища	`useStorageList` как персистентное to-do приложение
🔧 Утилиты	Индикатор `getStorageQuota`, `exportStorage` / `importStorage` / `clearStorage`
📦 Pinia persist	Глобальный плагин `createPiniaPersist`, показывает сырое персистентное состояние
🗜️ Сжатие	`compress` / `decompress` с коэффициентом сжатия, `CompressAdapter`

Демо ​

Демо