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

<Meta title='@dxtmisha/vi/figma-ref/Composables/useFigmaUiSelected - Các frame được chọn'/>

# `useFigmaUiSelected`

Composable để quản lý và theo dõi danh sách các frame được chọn trong Figma UI.

**Giá trị trả về:**
Một đối tượng với các thuộc tính sau:
- `selected: ComputedRef<string[]>` — Một danh sách reactivity chứa các ID của frame được chọn. Tự động cập nhật khi lựa chọn thay đổi trong Figma.
- `loading: ComputedRef<boolean>` — Một biến reactivity cho biết dữ liệu lựa chọn có đang được lấy từ plugin Figma hay không.
- `isSelected(id: string): ComputedRef<boolean>` — Một hàm trả về giá trị boolean reactivity cho biết một ID frame cụ thể có đang được chọn hay không.
- `toggleSelected(id: string, selected: boolean): void` — Một hàm để cập nhật trạng thái chọn của một frame trong Figma.

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

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

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

// Chuyển đổi trạng thái chọn
const handleToggle = () => {
  toggleSelected(frameId, !isFrameSelected.value)
}

// Theo dõi các ID hiện đang được chọn
console.log('Các ID hiện đang được chọn:', selected.value)
```
