diff --git a/packages/core/useElementVisibility/directive.test.ts b/packages/core/useElementVisibility/directive.test.ts index b8a3975e299..003b24d521e 100644 --- a/packages/core/useElementVisibility/directive.test.ts +++ b/packages/core/useElementVisibility/directive.test.ts @@ -3,7 +3,7 @@ import type { VueWrapper } from '@vue/test-utils' import { mount } from '@vue/test-utils' import { vElementVisibility } from './directive' -import type { VisibilityScrollTargetOptions } from '.' +import type { UseElementVisibilityOptions } from '.' const App = defineComponent({ props: { @@ -51,7 +51,7 @@ describe('vElementVisibility', () => { describe('given options', () => { beforeEach(() => { onVisibility = vi.fn() - const options: VisibilityScrollTargetOptions = { + const options: UseElementVisibilityOptions = { scrollTarget: document.body, } wrapper = mount(App, { diff --git a/packages/core/useElementVisibility/directive.ts b/packages/core/useElementVisibility/directive.ts index ef480a5d4e3..4e12ca9d805 100644 --- a/packages/core/useElementVisibility/directive.ts +++ b/packages/core/useElementVisibility/directive.ts @@ -2,12 +2,12 @@ import { watch } from 'vue-demi' import { directiveHooks } from '@vueuse/shared' import type { ObjectDirective } from 'vue-demi' -import type { VisibilityScrollTargetOptions } from '.' +import type { UseElementVisibilityOptions } from '.' import { useElementVisibility } from '.' type BindingValueFunction = (state: boolean) => void -type BindingValueArray = [BindingValueFunction, VisibilityScrollTargetOptions] +type BindingValueArray = [BindingValueFunction, UseElementVisibilityOptions] export const vElementVisibility: ObjectDirective< HTMLElement, diff --git a/packages/core/useElementVisibility/index.ts b/packages/core/useElementVisibility/index.ts index 4a9d876d7a5..08c05c952ea 100644 --- a/packages/core/useElementVisibility/index.ts +++ b/packages/core/useElementVisibility/index.ts @@ -6,7 +6,7 @@ import { useEventListener } from '../useEventListener' import type { ConfigurableWindow } from '../_configurable' import { defaultWindow } from '../_configurable' -export interface VisibilityScrollTargetOptions extends ConfigurableWindow { +export interface UseElementVisibilityOptions extends ConfigurableWindow { scrollTarget?: MaybeComputedRef } @@ -19,7 +19,7 @@ export interface VisibilityScrollTargetOptions extends ConfigurableWindow { */ export function useElementVisibility( element: MaybeComputedElementRef, - { window = defaultWindow, scrollTarget }: VisibilityScrollTargetOptions = {}, + { window = defaultWindow, scrollTarget }: UseElementVisibilityOptions = {}, ) { const elementIsVisible = ref(false)