colliercz / markdoc-svelte Goto Github PK

# {% $markdoc.frontmatter.title %}

# {% $frontmatter.title %}

page.md
---
title: Using the Next.js plugin
description: Integrate Markdoc into your Next.js app
---

# {% $frontmatter.title %}

# {% $frontmatter.description %}

+layout.svelte
<script lang="ts">
  export let title = ''
</script>

<h1>{title}</h1>

<slot />

svelte.config.js
import adapter from '@sveltejs/adapter-auto';
import { vitePreprocess } from '@sveltejs/kit/vite';
import { markdoc } from "markdoc-svelte";


/** @type {import('@sveltejs/kit').Config} */
const config = {
	kit: {
		adapter: adapter()
	},
	extensions: ['.svelte', '.markdoc', ".md"],
	preprocess: [
		markdoc({
			layout: "./src/rosutes/layout.svelte",
			extensions: [".markdoc", ".md"],
		}),
		vitePreprocess(),
	],
};

export default config;