VueCraft NPM

Установка ​

Требования ​

Обязательных peer-зависимостей нет — ядро (состояние вьюпорта/контейнера, утилиты, пресеты) работает автономно. Адаптеры Vue и React активируются автоматически, когда установлен соответствующий пакет:

ОкружениеМинимальная версия
Node.js18+
Vue^3.5.27 (опционально)
React^19.0.0 (опционально, для /react)

Установка ​

bash
npm install responsive-media

Обязательных peer-зависимостей нет. Адаптеры Vue и React становятся доступны автоматически, когда установлен соответствующий пакет:

bash
npm install vue@^3.5.27     # для Vue composables
npm install react@^19.0.0   # для React-хуков

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

ts
import { responsiveState, setResponsiveConfig } from 'responsive-media'

setResponsiveConfig({
  mobile: [{ type: 'max-width', value: 767 }],
  tablet: [
    { type: 'min-width', value: 768 },
    { type: 'max-width', value: 1023 },
  ],
  desktop: [{ type: 'min-width', value: 1024 }],
})

// Читаем текущее состояние
console.log(responsiveState.proxy.mobile) // true / false

// Подписываемся на изменения
const stop = responsiveState.subscribe((state) => {
  console.log('desktop:', state.desktop)
})

// Очистка
stop()