--- title: "Modern Nuxt Documentation Theme" description: "A modern Nuxt 4 documentation theme with automated component docs, an AI chat assistant, MCP Server, and a complete developer experience optimization." canonical_url: "https://docs.mhaibaraai.cn/en" --- # Modern Nuxt Documentation Theme > A modern Nuxt 4 documentation theme with automated component docs, an AI chat assistant, MCP Server, and a complete developer experience optimization. ::u-page-hero{:ui="{"container":"lg:py-20"}" className="dark:bg-gradient-to-b,from-neutral-900,to-neutral-950" orientation="horizontal"} ::template{v-slot:top=""} :hero-background :: ::template{v-slot:title=""} :motion[Build modern, intelligent documentation] :: ::template{v-slot:description=""} :motion[A modern Nuxt 4 documentation theme with automated component docs, an AI chat assistant, MCP Server, and a complete developer experience optimization, helping you build beautiful, professional, and intelligent documentation sites.]{:transition="{"duration":0.6,"delay":0.3}"} :: ::template{v-slot:links=""} ::motion{:transition="{"duration":0.6,"delay":0.5}" className="flex,flex-wrap,gap-x-6,gap-y-3"} [](https://docs.mhaibaraai.cn/en/docs/getting-started) [](https://github.com/mhaibaraai/movk-nuxt-docs) :: :: ::motion{:transition="{"duration":0.6,"delay":0.1}" className="mx-auto"} ```ts [nuxt.config.ts] export default defineNuxtConfig({ extends: ['@movk/nuxt-docs'], aiChat: { model: 'zai/glm-4.7', models: ['zai/glm-4.7', 'anthropic/claude-sonnet-4.6'] }, mcp: { name: 'My Docs' } }) ``` :: :: ::u-page-section{className="dark:bg-neutral-950"} :template[Automated documentation generation]{v-slot:title=""}::template{v-slot:links=""} [](https://docs.mhaibaraai.cn/en/docs/components) :: ::template{v-slot:features=""} ::u-page-feature{icon="i-lucide-file-code"} :template[Automatic component metadata extraction]{v-slot:title=""}::template{v-slot:description=""} Powered by `nuxt-component-meta`, automatically extracts the Props, Slots, and Emits definitions of Vue components, with no manual docs to maintain. :: :: ::u-page-feature{icon="i-lucide-code"} :template[Interactive example showcase]{v-slot:title=""}::template{v-slot:description=""} The `ComponentExample` component automatically loads and renders component examples, with code highlighting and live preview. :: :: ::u-page-feature{icon="i-lucide-git-commit"} :template[Git commit history integration]{v-slot:title=""}::template{v-slot:description=""} Use the `CommitChangelog` and `PageLastCommit` components to automatically display a file's commit history and last update time. :: :: ::u-page-feature{icon="i-lucide-palette"} :template[Type definition highlighting]{v-slot:title=""}:template[Intelligently parses TypeScript type definitions, with inline type highlighting and type navigation to improve the readability of API docs.]{v-slot:description=""} :: ::u-page-feature{icon="i-lucide-layers"} :template[Rich documentation components]{v-slot:title=""}:template[Built-in documentation components such as Accordion, Callout, Card, Steps, and Tabs, powered by Nuxt UI.]{v-slot:description=""} :: ::u-page-feature{icon="i-lucide-search"} :template[Full-text search]{v-slot:title=""}::template{v-slot:description=""} Based on the `ContentSearch` component from Nuxt Content, with keyboard shortcut (⌘K) support for quickly searching documentation content. :: :: ::u-page-feature{icon="i-lucide-languages"} :template[Internationalization]{v-slot:title=""}::template{v-slot:description=""} Opt-in multilingual support powered by `@nuxtjs/i18n`, with per-locale content collections, a built-in language switcher, and hreflang SEO. :: :: :: :: ::u-page-section{className="dark:bg-neutral-950"} :template[AI-enhanced experience]{v-slot:title=""}::template{v-slot:links=""} [](https://docs.mhaibaraai.cn/en/docs/getting-started/ai-chat) :: ::template{v-slot:features=""} ::u-page-feature{icon="i-lucide-bot"} :template[AI chat assistant]{v-slot:title=""}:template[A built-in intelligent documentation assistant, powered by the Vercel AI SDK with support for multiple LLM models, answering documentation questions in real time.]{v-slot:description=""} :: ::u-page-feature{icon="i-lucide-plug"} :template[MCP Server support]{v-slot:title=""}:template[Integrates a Model Context Protocol server to give AI assistants structured access to your docs, improving conversation accuracy.]{v-slot:description=""} :: ::u-page-feature{icon="i-lucide-sparkles"} :template[LLM optimization]{v-slot:title=""}::template{v-slot:description=""} The `nuxt-llms` module automatically generates `llms.txt` and `llms-full.txt`, providing an optimized documentation index for AI tools. :: :: ::u-page-feature{icon="i-lucide-zap"} :template[Streaming responses]{v-slot:title=""}::template{v-slot:description=""} Supports streaming AI output and code highlighting, working with `shiki-stream` for real-time syntax highlighting. :: :: ::u-page-feature{icon="i-lucide-wrench"} :template[Tool calling support]{v-slot:title=""}:template[The AI assistant can call built-in tool functions to search docs, query components, and more, delivering more precise answers.]{v-slot:description=""} :: ::u-page-feature{icon="i-lucide-settings"} :template[Flexible model configuration]{v-slot:title=""}:template[Supports custom AI model lists, API endpoints, and parameters, making it easy to switch between LLM service providers.]{v-slot:description=""} :: :: :: ## Resources for Agents - [API catalog: every service document this site publishes](https://docs.mhaibaraai.cn/.well-known/api-catalog) - [Sitemap (XML)](https://docs.mhaibaraai.cn/sitemap.xml) - [Sitemap (Markdown): every page on the site](https://docs.mhaibaraai.cn/sitemap.md) - [MCP server card: MCP endpoint at https://docs.mhaibaraai.cn/mcp](https://docs.mhaibaraai.cn/.well-known/mcp/server-card.json) - [MCP endpoint (streamable HTTP)](https://docs.mhaibaraai.cn/mcp) - [llms.txt: index of the documentation for LLMs](https://docs.mhaibaraai.cn/llms.txt) - [llms-full.txt: the full documentation as a single file](https://docs.mhaibaraai.cn/llms-full.txt) - [Agent skills index: every skill published by this site](https://docs.mhaibaraai.cn/.well-known/skills/index.json) - [Agent skill: create-docs](https://docs.mhaibaraai.cn/.well-known/skills/create-docs/SKILL.md) - [Agent skill: review-docs](https://docs.mhaibaraai.cn/.well-known/skills/review-docs/SKILL.md) - [Documentation](https://docs.mhaibaraai.cn/docs) - [Homepage](https://docs.mhaibaraai.cn/raw/index.md) ## Sitemap See the full [sitemap](https://docs.mhaibaraai.cn/sitemap.md) for all pages.