上节，基于 Vercel AI SDK 实现 RAG API 的逻辑。

本节，对接 RAG API，拼装业务组件进行页面的对接联调。

新建一个第 27 课的分支。

git checkout -b 第27课

1. 补全拼装 Vercel AI SDK 页面所需要的业务组件 mock

打开app/vercelai-sdk/index.tsx文件（让 cursor tab 直接补全所需要的业务组件 mock）

详操见视频课程

2. 让 AI 基于 mock 的业务组件以及 API 进行数据的对接和联调

打开app/vercelai-sdk/index.tsx文件，让 cursor agent composer 基于以下 prompt 生成代码：

<!-- 提前打开所依赖的文件，并全部添加到cursor的context中 -->

@VercelAISDK 请用 useChat 对接页面

详操见视频课程