diff --git a/docs/content/1.get-started/2.configuration.md b/docs/content/1.get-started/2.configuration.md
index 039a55e8c..e08c83ca1 100644
--- a/docs/content/1.get-started/2.configuration.md
+++ b/docs/content/1.get-started/2.configuration.md
@@ -174,7 +174,7 @@ Toggles the [document-driven mode](/document-driven/introduction).
 
 - Type: `false | object`
 
-Nuxt Content uses [Shikiji](https://github.com/antfu/shikiji) to provide syntax highlighting for [`ProseCode`](/components/prose#prosecode) and [`ProseCodeInline`](/components/prose#prosecodeinline).
+Nuxt Content uses [Shikiji](https://github.com/antfu/shikiji) to provide syntax highlighting for [`ProsePre`](/components/prose#prosepre) and [`ProseCodeInline`](/components/prose#prosecodeinline).
 
 | Option    |                     Type                     | Description                                                                                                         |
 | --------- | :------------------------------------------: | :------------------------------------------------------------------------------------------------------------------ |
diff --git a/docs/content/2.usage/2.markdown.md b/docs/content/2.usage/2.markdown.md
index 91cdd71d5..bd22153c4 100755
--- a/docs/content/2.usage/2.markdown.md
+++ b/docs/content/2.usage/2.markdown.md
@@ -75,7 +75,7 @@ Example variables will be injected into the document:
 
 Nuxt Content uses [Shikiji](https://github.com/antfu/shikiji), that colors tokens with VSCode themes.
 
-Code highlighting works both on [`ProseCode`](/components/prose#prosecode) and [`ProseCodeInline`](/components/prose#prosecodeinline).
+Code highlighting works both on [`ProsePre`](/components/prose#prosepre) and [`ProseCodeInline`](/components/prose#prosecodeinline).
 
 Each line of a code block gets its line number in the `line` attribute so lines can be labeled or individually styled.
 
@@ -475,7 +475,7 @@ customVariable: 'Custom Value'
 
 ```
 
-### Example 2: Define in external with `<ContentRendererMarkdown>` 
+### Example 2: Define in external with `<ContentRendererMarkdown>`
 
 ```html
 <template>
diff --git a/docs/content/4.components/7.prose.md b/docs/content/4.components/7.prose.md
index a41fcbe1c..245c1ed1e 100755
--- a/docs/content/4.components/7.prose.md
+++ b/docs/content/4.components/7.prose.md
@@ -37,9 +37,9 @@ To overwrite a prose component, create a component with the same name in your pr
   ::
 ::
 
-## `ProseCode`
+## `ProsePre`
 
-[:icon{name="fa-brands:github" class="inline -mt-1 w-6"} Source](https://github.com/nuxt-modules/mdc/blob/main/src/runtime/components/prose/ProseCode.vue)
+[:icon{name="fa-brands:github" class="inline -mt-1 w-6"} Source](https://github.com/nuxt-modules/mdc/blob/main/src/runtime/components/prose/ProsePre.vue)
 
 ::code-group
   ```md [Code]
@@ -79,7 +79,7 @@ If you want to use `]` in the filename, you need to escape it with 2 backslashes
 
 ## `ProseCodeInline`
 
-[:icon{name="fa-brands:github" class="inline -mt-1 w-6"} Source](https://github.com/nuxt-modules/mdc/blob/main/src/runtime/components/prose/ProseCodeInline.vue)
+[:icon{name="fa-brands:github" class="inline -mt-1 w-6"} Source](https://github.com/nuxt-modules/mdc/blob/main/src/runtime/components/prose/ProseCode.vue)
 
 `code inline`.