diff --git a/packages/integrations/markdoc/test/fixtures/content-collections/astro.config.mjs b/packages/integrations/markdoc/test/fixtures/content-collections/astro.config.mjs
index 29d846359..5e75827e9 100644
--- a/packages/integrations/markdoc/test/fixtures/content-collections/astro.config.mjs
+++ b/packages/integrations/markdoc/test/fixtures/content-collections/astro.config.mjs
@@ -3,5 +3,22 @@ import markdoc from '@astrojs/markdoc';
 
 // https://astro.build/config
 export default defineConfig({
-	integrations: [markdoc()],
+	integrations: [markdoc({
+		variables: {
+			showMarquee: true,
+		},
+		tags: {
+			mq: {
+				render: 'marquee',
+				attributes: {
+					direction: {
+						type: String,
+						default: 'left',
+						matches: ['left', 'right', 'up', 'down'],
+						errorLevel: 'critical',
+					},
+				},
+			},
+		}
+	})],
 });
diff --git a/packages/integrations/markdoc/test/fixtures/content-collections/src/components/Code.astro b/packages/integrations/markdoc/test/fixtures/content-collections/src/components/Code.astro
new file mode 100644
index 000000000..6cd2f0222
--- /dev/null
+++ b/packages/integrations/markdoc/test/fixtures/content-collections/src/components/Code.astro
@@ -0,0 +1,12 @@
+---
+import { Code } from 'astro/components';
+
+type Props = {
+	'data-language'?: string;
+}
+
+const { 'data-language': lang } = Astro.props as Props;
+const code = await Astro.slots.render('default');
+---
+
+<Code {code} {lang} />
diff --git a/packages/integrations/markdoc/test/fixtures/content-collections/src/pages/content-with-components.astro b/packages/integrations/markdoc/test/fixtures/content-collections/src/pages/content-with-components.astro
index ad65bec64..2b4cb36d5 100644
--- a/packages/integrations/markdoc/test/fixtures/content-collections/src/pages/content-with-components.astro
+++ b/packages/integrations/markdoc/test/fixtures/content-collections/src/pages/content-with-components.astro
@@ -1,8 +1,7 @@
 ---
 import { getEntryBySlug } from "astro:content";
-import { Code } from 'astro/components';
+import Code from '../components/Code.astro';
 import CustomMarquee from '../components/CustomMarquee.astro';
-import Markdoc from '@markdoc/markdoc';
 
 const post = await getEntryBySlug('blog', 'with-components');
 const { Content } = await post.render();
@@ -18,32 +17,9 @@ const { Content } = await post.render();
 </head>
 <body>
 	<Content
-		config={{
-			tags: {
-				mq: {
-					render: 'marquee',
-					attributes: {
-						direction: {
-							type: String,
-							default: 'left',
-							matches: ['left', 'right', 'up', 'down'],
-							errorLevel: 'critical',
-						},
-					},
-				},
-			}
-		}}
 		components={{
 			marquee: CustomMarquee,
-			pre: {
-				component: Code,
-				props({ attributes, getTreeNode }) {
-					return {
-						lang: attributes['data-language'],
-						code: Markdoc.renderers.html(getTreeNode().children),
-					};
-				},
-			},
+			pre: Code,
 		}}
 	/>
 </body>
diff --git a/packages/integrations/markdoc/test/fixtures/content-collections/src/pages/content-with-config.astro b/packages/integrations/markdoc/test/fixtures/content-collections/src/pages/content-with-config.astro
index d63e2b422..f37217a62 100644
--- a/packages/integrations/markdoc/test/fixtures/content-collections/src/pages/content-with-config.astro
+++ b/packages/integrations/markdoc/test/fixtures/content-collections/src/pages/content-with-config.astro
@@ -14,25 +14,6 @@ const { Content } = await post.render();
 	<title>Content - with config</title>
 </head>
 <body>
-	<Content
-		config={{
-			variables: {
-				showMarquee: true,
-			},
-			tags: {
-				mq: {
-					render: 'marquee',
-					attributes: {
-						direction: {
-							type: String,
-							default: 'left',
-							matches: ['left', 'right', 'up', 'down'],
-							errorLevel: 'critical',
-						},
-					},
-				},
-			}
-		}}
-	/>
+	<Content />
 </body>
 </html>
