组件与集成
Astro 可混用多框架组件，交互组件用 client:* 指令按需水合，避免全局 JS。
客户端指令
client:load/client:idle/client:idle/client:media：按条件水合。- 仅对需要交互的组件添加，静态内容不加载 JS。
多框架示例
---
import Counter from '../components/Counter.jsx'; // React
import Chart from '../components/Chart.vue'; // Vue
---
<Counter client:only="vue" />
<Chart client:only="vue" />
集成生态
- UI：Tailwind/UnoCSS、组件库（Vue/React）皆可直接用。
- Markdown/MDX：在文档中引入组件，映射到
components。 - 数据：在前置脚本
---中 fetch/读取文件，构建期渲染。