---
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>



</hero-background>
</template>

<template v-slot:title="">
<motion>

Build modern, intelligent <span className="text-primary">

documentation

</span>
</motion>
</template>

<template v-slot:description="">
<motion :transition="{"duration":0.6,"delay":0.3}">

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.

</motion>
</template>

<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>
</template>

<motion :transition="{"duration":0.6,"delay":0.1}" className="mx-auto">
<__flatten>

```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'
  }
})
```

</__flatten>
</motion>
</u-page-hero>

<u-page-section className="dark:bg-neutral-950">
<template v-slot:title="">

Automated documentation generation

</template>

<template v-slot:links="">

[](https://docs.mhaibaraai.cn/en/docs/components)

</template>

<template v-slot:features="">
<u-page-feature icon="i-lucide-file-code">
<template v-slot:title="">

Automatic component metadata extraction

</template>

<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.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-code">
<template v-slot:title="">

Interactive example showcase

</template>

<template v-slot:description="">

The `ComponentExample` component automatically loads and renders component examples, with code highlighting and live preview.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-git-commit">
<template v-slot:title="">

Git commit history integration

</template>

<template v-slot:description="">

Use the `CommitChangelog` and `PageLastCommit` components to automatically display a file's commit history and last update time.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-palette">
<template v-slot:title="">

Type definition highlighting

</template>

<template v-slot:description="">

Intelligently parses TypeScript type definitions, with inline type highlighting and type navigation to improve the readability of API docs.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-layers">
<template v-slot:title="">

Rich documentation components

</template>

<template v-slot:description="">

Built-in documentation components such as Accordion, Callout, Card, Steps, and Tabs, powered by Nuxt UI.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-search">
<template v-slot:title="">

Full-text search

</template>

<template v-slot:description="">

Based on the `ContentSearch` component from Nuxt Content, with keyboard shortcut (⌘K) support for quickly searching documentation content.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-languages">
<template v-slot:title="">

Internationalization

</template>

<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.

</template>
</u-page-feature>
</template>
</u-page-section>

<u-page-section className="dark:bg-neutral-950">
<template v-slot:title="">

AI-enhanced experience

</template>

<template v-slot:links="">

[](https://docs.mhaibaraai.cn/en/docs/getting-started/ai-chat)

</template>

<template v-slot:features="">
<u-page-feature icon="i-lucide-bot">
<template v-slot:title="">

AI chat assistant

</template>

<template v-slot:description="">

A built-in intelligent documentation assistant, powered by the Vercel AI SDK with support for multiple LLM models, answering documentation questions in real time.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-plug">
<template v-slot:title="">

MCP Server support

</template>

<template v-slot:description="">

Integrates a Model Context Protocol server to give AI assistants structured access to your docs, improving conversation accuracy.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-sparkles">
<template v-slot:title="">

LLM optimization

</template>

<template v-slot:description="">

The `nuxt-llms` module automatically generates `llms.txt` and `llms-full.txt`, providing an optimized documentation index for AI tools.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-zap">
<template v-slot:title="">

Streaming responses

</template>

<template v-slot:description="">

Supports streaming AI output and code highlighting, working with `shiki-stream` for real-time syntax highlighting.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-wrench">
<template v-slot:title="">

Tool calling support

</template>

<template v-slot:description="">

The AI assistant can call built-in tool functions to search docs, query components, and more, delivering more precise answers.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-settings">
<template v-slot:title="">

Flexible model configuration

</template>

<template v-slot:description="">

Supports custom AI model lists, API endpoints, and parameters, making it easy to switch between LLM service providers.

</template>
</u-page-feature>
</template>
</u-page-section>


## Sitemap

See the full [sitemap](https://docs.mhaibaraai.cn/sitemap.md) for all pages.