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

<Meta title='@dxtmisha/vi/figma-ref/Composables/useFigmaUiFrames - Danh sách các frame cấp cao nhất'/>

# `useFigmaUiFrames`

Composable để quản lý và theo dõi danh sách các frame cấp cao nhất trong Figma UI.

**Giá trị trả về:**
Một đối tượng với các thuộc tính sau:
- `frames: ComputedRef<UiFigmaFramesList>` — Một danh sách reactivity chứa các frame cấp cao nhất. Tự động cập nhật khi nhận được dữ liệu.
- `loading: ComputedRef<boolean>` — Một biến reactivity cho biết các frame có đang được lấy từ plugin Figma hay không.

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

const { frames, loading } = useFigmaUiFrames()

// Sử dụng loading để hiển thị chỉ báo tiến trình
if (loading.value) {
  console.log('Đang lấy danh sách frame...')
}

// Sử dụng frames để hiển thị danh sách
console.log('Danh sách frame:', frames.value)
```
