vue-responsiveness/lib/types.ts

A tiny, performant, and intuitive Vue 3 plugin for working with responsive breakpoints and media queries at runtime.

export type VueResponsivenessBreakpoints = Record<string, number | null>

export type VueResponsivenessMatches = Record<
  string,
  { min: boolean; max: boolean; only: boolean }
> & {
  current: string
  isMin(interval: string): boolean
  isMax(interval: string): boolean
  isOnly(interval: string): boolean
  orientation: 'portrait' | 'landscape'
  hover: 'none' | 'hover'
  prefers: {
    colorScheme: 'dark' | 'light'
    contrast: 'more' | 'less' | 'custom' | 'no-preference'
    reducedMotion: 'reduce' | 'no-preference'
  }
}