@cwist/vue-match-media/dist/index.d.ts

React to media query changes in your Vue 3 application (useful for adaptive design).

import { App } from 'vue';
declare module '@vue/runtime-core' {
    interface ComponentCustomProperties {
        $matchMedia: Record<string, boolean>;
    }
}
export declare type BreakpointValue = string | number;
export declare type Breakpoint = BreakpointValue | Record<string, BreakpointValue> | [BreakpointValue, BreakpointValue];
export interface BreakpointEntryObject {
    breakpoint: Breakpoint;
    defaultValue?: boolean;
}
export declare type BreakpointMap = Record<string, Breakpoint | BreakpointEntryObject>;
export interface VueMatchMediaPluginOptions {
    breakpoints?: BreakpointMap;
}
export interface VueMatchMediaPlugin {
    options?: VueMatchMediaPluginOptions;
    install(app: App): void;
}
export declare function createVueMatchMediaPlugin(options?: VueMatchMediaPluginOptions): VueMatchMediaPlugin;
export { useMatchMedia } from './useApi';