import { Meta } from '@storybook/addon-docs/blocks'

<Meta title='@dxtmisha/vi/figma-ref/Composables/useFigmaUiSelected - Quản lý các frame được chọn trong UI'/>

# `useFigmaUiSelected`

Một composable để quản lý và quan sát danh sách các định danh frame được người dùng chọn trong giao diện của plugin. Nó cung cấp các công cụ để kiểm tra trạng thái lựa chọn và chuyển đổi các lựa chọn.

**Trả về:**
- `selected: ComputedRef<string[]>` — Một tham chiếu được tính toán đến danh sách các ID frame được chọn.
- `loading: ComputedRef<boolean>` — Một cờ phản hồi cho biết liệu danh sách lựa chọn có đang được lấy hay không.
- `isSelected(id: string): ComputedRef<boolean>` — Một hàm hỗ trợ trả về một giá trị logic được tính toán cho biết liệu một frame cụ thể có được chọn hay không.
- `toggleSelected(id: string, selected: boolean): void` — Một hàm để thêm hoặc xóa một frame khỏi danh sách lựa chọn.

## Ví dụ sử dụng

```typescript
import { useFigmaUiSelected } from '@dxtmisha/figma-ref'

const { selected, isSelected, toggleSelected } = useFigmaUiSelected()

// Kiểm tra xem một frame có được chọn không
const active = isSelected('1:123')

// Chuyển đổi trạng thái lựa chọn
toggleSelected('1:123', !active.value)
```
