vue-screen/dist/types/screen.d.ts

Reactive screen size and media query states for Vue. Integrates with most UI frameworks out of the box.

export interface ScreenObject {
    resolution: string;
    width: number;
    height: number;
    orientation: string;
    portrait: boolean;
    landscape: boolean;
    touch: boolean;
}
export interface ScreenConfig {
    width?: number;
    height?: number;
    orientation?: 'portrait' | 'landscape';
    touch?: boolean;
}
declare module 'vue' {
    interface ComponentCustomProperties {
        $screen: Readonly<ScreenObject>;
    }
}