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

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

# `useFigmaUiFrames`

Một composable để truy xuất và quan sát danh sách các frame và section cấp cao nhất từ trang Figma hiện tại. Nó sử dụng cơ chế cache toàn cục để đảm bảo tính nhất quán của dữ liệu giữa nhiều thực thể component khác nhau.

**Trả về:**
- `frames: ComputedRef<UiFigmaFramesList>` — Một tham chiếu được tính toán đến danh sách các frame cấp cao nhất (tên, ID và ảnh chụp màn hình).
- `loading: ComputedRef<boolean>` — Một cờ phản hồi cho biết liệu danh sách frame có đang được lấy hay không.

## Ví dụ sử dụng

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

const { frames, loading } = useFigmaUiFrames()

// 'frames' chứa một danh sách các đối tượng frame với bản xem trước hình ảnh
```
