Create a Reusable Vue Composable Function with Reactive State Management

Write a reusable Vue 3 composable function called `use[FEATURE_NAME]` that handles [DESCRIBE_FUNCTIONALITY] for a [APPLICATION_TYPE] application. **Composable Specifications:** 1. **Reactive State**: Define the following reactive state variables: - [STATE_VAR_1]: [TYPE] — initialized to [DEFAULT_VALUE] - [STATE_VAR_2]: [TYPE] — initialized to [DEFAULT_VALUE] - `isLoading`: boolean — tracks async operation status - `error`: string | null — stores error messages 2. **Computed Properties**: Include these derived values: - [COMPUTED_1]: Derives [DESCRIPTION] from the state - [COMPUTED_2]: Returns a filtered/transformed version of [STATE_VAR_1] 3. **Methods**: Implement the following functions: - `fetch[DATA]()`: Async function that calls [API_ENDPOINT] and updates state, with try/catch/finally pattern - `update[DATA](payload)`: Optimistically updates local state before API confirmation - `reset()`: Restores all state to initial values 4. **Lifecycle Integration**: - Accept an options parameter `{ immediate: boolean, debounceMs: number }` to control auto-fetching behavior - Clean up watchers and timers using `onUnmounted` - Use `watchEffect` or `watch` to react to [DEPENDENCY] changes 5. **TypeScript Support**: Fully type the composable with: - An interface for the options parameter - An interface for the return type - Generic type parameter for [DATA_ENTITY] if applicable Provide the complete composable file, a usage example inside a `<script setup>` component, and brief inline documentation for each exported member.