@aslanonur/liquid-glass-vue
Version:
Apple's Liquid Glass effect implementation for Vue 3 + Nuxt 3. A liquid glass component with real-time displacement mapping, chromatic aberration, and glassmorphism effects.
92 lines (91 loc) • 2.77 kB
TypeScript
interface Props {
displacementScale?: number;
blurAmount?: number;
saturation?: number;
aberrationIntensity?: number;
elasticity?: number;
cornerRadius?: number;
globalMousePos?: {
x: number;
y: number;
};
mouseOffset?: {
x: number;
y: number;
};
mouseContainer?: HTMLElement | null;
className?: string;
padding?: string;
style?: Record<string, any>;
overLight?: boolean;
mode?: "standard" | "polar";
onClick?: () => void;
onMouseEnter?: () => void;
onMouseLeave?: () => void;
onMouseDown?: () => void;
onMouseUp?: () => void;
}
declare function __VLS_template(): {
default?(_: {}): any;
};
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
displacementScale: number;
blurAmount: number;
saturation: number;
aberrationIntensity: number;
elasticity: number;
cornerRadius: number;
className: string;
padding: string;
overLight: boolean;
style: () => {};
mode: string;
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
displacementScale: number;
blurAmount: number;
saturation: number;
aberrationIntensity: number;
elasticity: number;
cornerRadius: number;
className: string;
padding: string;
overLight: boolean;
style: () => {};
mode: string;
}>>> & Readonly<{}>, {
displacementScale: number;
blurAmount: number;
saturation: number;
aberrationIntensity: number;
elasticity: number;
cornerRadius: number;
className: string;
padding: string;
style: Record<string, any>;
overLight: boolean;
mode: "standard" | "polar";
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
export default _default;
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
type __VLS_TypePropsToRuntimeProps<T> = {
[K in keyof T]-?: {} extends Pick<T, K> ? {
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
} : {
type: import('vue').PropType<T[K]>;
required: true;
};
};
type __VLS_WithDefaults<P, D> = {
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
default: D[K];
}> : P[K];
};
type __VLS_Prettify<T> = {
[K in keyof T]: T[K];
} & {};
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};