# useResizeObserver API

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

## Related

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

## Functions

### useResizeObserver

A composable that uses the Resize Observer API to detect when an element's
size changes.

```ts
(target: MaybeElementRef, callback: (entries: ResizeObserverEntry[]) => void, options?: ResizeObserverOptions) => UseResizeObserverReturn
```

### useElementSize

A convenience composable that uses the Resize Observer API to track an
element's size.

```ts
(target: MaybeElementRef) => UseElementSizeReturn
```

## Options

| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| `immediate` | `boolean \| undefined` | — | no | — |
| `once` | `boolean \| undefined` | — | no | — |
| `box` | `"content-box" \| "border-box" \| 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 |