Установка

Требования

Окружение	Минимальная версия
Node.js	18+
Vue	3.3.0+ (опционально — только для корня пакета / Vue composables)
React	18.0.0+ (опционально — только для /react)
pinia	2.0.0+ или 3.0.0+ (опционально — только для /pinia)
@nuxt/kit	3.0.0+ (опционально — только для модуля /nuxt)
h3	1.0.0+ (опционально — только для SSR-совместимого useCookie в модуле Nuxt)

Установка

npm install vue-storage-kit

Для Vue установите сам Vue (опциональная peer-зависимость — нужна только если вы импортируете из корня пакета или любой Vue-специфичный composable):

npm install vue@>=3.3

Для React (vue-storage-kit/react) установите вместо этого React — vue вообще не понадобится:

npm install react@>=18

Быстрый старт

<script setup lang="ts">
import { useLocalStorage } from 'vue-storage-kit'

const { value: theme } = useLocalStorage('theme', 'light')
</script>

<template>
  <button @click="theme = theme === 'light' ? 'dark' : 'light'">Current theme: {{ theme }}</button>
</template>

Значение сохраняется в localStorage и реактивно — изменение theme.value немедленно записывается в хранилище.