SuperAPI AI 工具集

nuxt-content

前端与建站

查看项目

更新于 10-16 07:25

技能介绍

用途:该技能面向使用 @nuxt/content 构建类型化、内容驱动的 Nuxt 应用,聚焦内容集合、查询与渲染相关内容。

主要能力与用法:先检查已安装的 @nuxt/content 版本、content.config.ts、content/ 下的匹配文件以及消费这些内容的 Nuxt 界面,确认集合、source glob、schema 与消费者一致后,再按主题查阅对应指南:集合类型、schema、索引、本地/远程来源、语言前缀;过滤、排序、分页、导航、前后文、搜索;Markdown、MDC、ContentRenderer、正文组件、代码高亮;数据库适配器、Markdown 处理、渲染别名、部署存储;钩子、转换器、自定义来源、原始内容、调试、Content v2 迁移。另有面向可视化编辑、鉴权、媒体、草稿、Git 发布的指引,文档正文写作或重构可参考 document-writer 技能。

基线用法:在 content.config.ts 中用 defineCollection、defineContentConfig 与 zod 定义集合与可选 schema,如 docs 集合使用 type: 'page'、source: 'docs/**'。页面中通过 useAsyncData 调用 queryCollection('docs').path(route.path).first() 获取数据,并用 ContentRenderer 渲染。

验证与限制:用 npx nuxi typecheck 验证生成的集合类型;查询为空时,先确认集合来源是否包含该文件(尤其是 .navigation.yml),再调整查询逻辑。Nuxt Content 相关指导仅适用于内容自有 API;其余界面应使用 Nuxt、Nuxt Studio、Nuxt UI 或 Vue 的指导。本地与远程来源、适配器、部署存储等具体配置细节,资料未完整提供。