# useIntersectionObserver API

> Auto-generated API reference for `useIntersectionObserver` from @vuetify/v0 (Vuetify0).
> Source of truth: https://0.vuetifyjs.com/api/use-intersection-observer

## Related

- https://0.vuetifyjs.com/composables/system/use-intersection-observer
- https://0.vuetifyjs.com/composables/system/use-resize-observer
- https://0.vuetifyjs.com/composables/system/use-mutation-observer

## Functions

### useIntersectionObserver

A composable that uses the Intersection Observer API to detect when an element
is visible in the viewport.

```ts
(target: MaybeElementRef, callback: (entries: IntersectionObserverEntry[]) => void, options?: IntersectionObserverOptions) => UseIntersectionObserverReturn
```

### useElementIntersection

A convenience composable that uses the Intersection Observer API to detect
when an element is visible in the viewport.

```ts
(target: MaybeElementRef, options?: IntersectionObserverOptions) => UseElementIntersectionReturn
```

## Options

| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| `immediate` | `boolean \| undefined` | — | no | — |
| `once` | `boolean \| undefined` | — | no | — |
| `root` | `Element \| null \| undefined` | — | no | — |
| `rootMargin` | `string \| undefined` | — | no | — |
| `threshold` | `number \| number[] \| undefined` | — | no | — |

## Methods

| Name | Type | Description |
|---|---|---|
| `pause` | `() => void` | Pause observation (disconnects observer but keeps it alive) |
| `resume` | `() => void` | Resume observation |
| `stop` | `() => void` | Stop observation and clean up (destroys observer) |

## Properties

| Name | Type | Description |
|---|---|---|
| `isActive` | `Readonly<Ref<boolean, boolean>>` | Whether the observer is currently active (created and observing) |
| `isPaused` | `Readonly<Ref<boolean, boolean>>` | Whether the observer is currently paused |
| `isIntersecting` | `Readonly<Ref<boolean, boolean>>` | Whether the target element is currently intersecting with the viewport |