Convert Vue 2 Options API components to Vue 3 Composition API with best practices and TypeScript support.
I need to convert my Vue component from Options API to Composition API.
**Original Vue 2 Component:**
```vue
<template>
[paste your template]
</template>
<script>
export default {
[paste your options API code]
}
</script>
```
**Requirements:**
- Add TypeScript: [yes/no]
- Use <script setup>: [yes/no]
- Composables to extract: [list any reusable logic]
**Additional Context:**
[Any Vuex store interactions, mixins, or special considerations]
Please convert this to Composition API with:
1. Full converted component code
2. Explanation of each conversion decision
3. TypeScript interfaces if applicable
4. Extracted composables if beneficial
5. Performance improvements identifiedOr press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
{
[paste your options API code]
}