fix(markdoc): use astro components defined with `extends` (#11846)

1 files changed, 31 insertions, 0 deletions

diff --git a/packages/integrations/markdoc/test/fixtures/render-with-extends-components/markdoc.config.ts b/packages/integrations/markdoc/test/fixtures/render-with-extends-components/markdoc.config.ts
new file mode 100644
index 000000000..8daba3746
--- /dev/null
+++ b/packages/integrations/markdoc/test/fixtures/render-with-extends-components/markdoc.config.ts
@@ -0,0 +1,31 @@
+import { component, defineMarkdocConfig } from '@astrojs/markdoc/config';
+
+export default defineMarkdocConfig({
+	extends: [preset()],
+});
+
+function preset() {
+	return {
+		nodes: {
+			fence: {
+				render: component('./src/components/Code.astro'),
+				attributes: {
+					language: { type: String },
+					content: { type: String },
+				},
+			},
+		},
+		tags: {
+			'marquee-element': {
+				render: component('./src/components/CustomMarquee.astro'),
+				attributes: {
+					direction: {
+						type: String,
+						default: 'left',
+						matches: ['left', 'right', 'up', 'down'],
+					},
+				},
+			},
+		},
+	}
+}