@cran/vue.use
Version:
Cranberry Vue Use Utilities
30 lines (29 loc) • 1.1 kB
TypeScript
import type { ComputedRef, Ref } from "@vue/runtime-dom";
export declare function useMediaEnum<T extends string>(key: string, values: ReadonlyArray<T>): {
(): Ref<T>;
(value: T): ComputedRef<boolean>;
};
export declare const useMediaHover: {
(): Ref<"none" | "hover">;
(value: "none" | "hover"): ComputedRef<boolean>;
};
export declare const useMediaOrientation: {
(): Ref<"landscape" | "portrait">;
(value: "landscape" | "portrait"): ComputedRef<boolean>;
};
export declare const useMediaPointer: {
(): Ref<"none" | "fine" | "coarse">;
(value: "none" | "fine" | "coarse"): ComputedRef<boolean>;
};
export declare const useMediaPrefersColorScheme: {
(): Ref<"dark" | "light">;
(value: "dark" | "light"): ComputedRef<boolean>;
};
export declare const useMediaPrefersContrast: {
(): Ref<"no-preference" | "more" | "less">;
(value: "no-preference" | "more" | "less"): ComputedRef<boolean>;
};
export declare const useMediaPrefersReducedMotion: {
(): Ref<"reduce" | "no-preference">;
(value: "reduce" | "no-preference"): ComputedRef<boolean>;
};