From d30ab1b8d0d560710e508a4b08aef4bd030259b8 Mon Sep 17 00:00:00 2001
From: Ivan Kuzmenko <6745157+rndtrash@users.noreply.github.com>
Date: Tue, 30 Sep 2025 00:24:03 +0300
Subject: [PATCH] =?UTF-8?q?=D0=97=D0=B0=D0=BC=D0=B5=D0=BD=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D1=81=D1=81=D1=8B=D0=BB=D0=BA=D0=B8=20=D0=B2=20Md-=D0=B1=D0=BB?=
 =?UTF-8?q?=D0=BE=D0=B3=D0=B0=D1=85=20=D0=BD=D0=B0=20SocialHyperlink?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mdsvex.config.js                       |  3 ---
 src/lib/components/MdsvexLayout.svelte | 11 +++++++++++
 svelte.config.js                       | 12 ++++++++++--
 3 files changed, 21 insertions(+), 5 deletions(-)
 delete mode 100644 mdsvex.config.js
 create mode 100644 src/lib/components/MdsvexLayout.svelte

diff --git a/mdsvex.config.js b/mdsvex.config.js
deleted file mode 100644
index 5576a98..0000000
--- a/mdsvex.config.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-	extensions: ['.md']
-};
diff --git a/src/lib/components/MdsvexLayout.svelte b/src/lib/components/MdsvexLayout.svelte
new file mode 100644
index 0000000..061e2b2
--- /dev/null
+++ b/src/lib/components/MdsvexLayout.svelte
@@ -0,0 +1,11 @@
+<script lang="ts" module>
+	import SocialHyperlink from './SocialHyperlink.svelte';
+
+	export { SocialHyperlink as a };
+</script>
+
+<script lang="ts">
+	const { children, ...rest } = $props();
+</script>
+
+{@render children()}
diff --git a/svelte.config.js b/svelte.config.js
index ebf0dc8..8bcc2c3 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,8 +1,13 @@
 import adapter from '@sveltejs/adapter-static';
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 import { mdsvex } from 'mdsvex';
-import mdsvexConfig from './mdsvex.config.js';
 import autoImport from 'sveltekit-autoimport';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+// https://flaviocopes.com/fix-dirname-not-defined-es-module-scope/
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -34,7 +39,10 @@ const config = {
 	extensions: ['.svelte', '.md'],
 	preprocess: [
 		vitePreprocess(),
-		mdsvex(mdsvexConfig),
+		mdsvex({
+			extensions: ['.md'],
+			layout: join(__dirname, "./src/lib/components/MdsvexLayout.svelte")
+		}),
 		autoImport({
 			include: ['**/*.(svelte|md)'],
 			components: ['./src/lib/components/', { name: './src' }]