Bump docia and node types; add bun hoisted linker

apps/demo/src/lib/tags/CTA.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { resolve } from '$app/paths';
 	interface Props {
 		children?: import('svelte').Snippet;
 	}
@@ -13,7 +14,9 @@
 			{@render children?.()}
 			<ul class="p-inline-list u-no-margin--bottom">
 				<li class="p-inline-list__item">
-					<a href="/documentation" class="p-button--positive u-no-margin--bottom">Get started</a>
+					<a href={resolve('/documentation')} class="p-button--positive u-no-margin--bottom"
+						>Get started</a
+					>
 				</li>
 				<li class="p-inline-list__item">
 					<a

apps/demo/src/routes/+layout.svelte

@@ -1,13 +1,20 @@
 <script lang="ts">
-	import { dev } from '$app/environment';
 	import { page } from '$app/state';
+	import { resolve } from '$app/paths';
+	import type { Pathname } from '$app/types';
 	interface Props {
 		children?: import('svelte').Snippet;
 	}
 
 	let { children }: Props = $props();
 
-	let links = $derived([
+	type Link = {
+		path: Pathname;
+		name: string;
+		is_selected: boolean;
+	};
+
+	let links: Link[] = $derived([
 		{
 			path: '/',
 			name: 'Home',
@@ -18,23 +25,19 @@
 			name: 'Documentation',
 			is_selected: page.url.pathname.startsWith('/documentation')
 		},
-		...(dev
-			? [
-					{
-						path: '/playground',
-						name: 'Playground',
-						is_selected: page.url.pathname.startsWith('/playground')
-					}
-				]
-			: [])
+		{
+			path: '/playground',
+			name: 'Playground',
+			is_selected: page.url.pathname.startsWith('/playground')
+		}
 	]);
 </script>
 
 <header id="navigation" class="p-navigation is-dark">
 	<div class="p-navigation__row">
 		<div class="p-navigation__banner">
 			<div class="p-navigation__tagged-logo">
-				<a class="p-navigation__link" href="/">
+				<a class="p-navigation__link" href={resolve('/')}>
 					<span class="p-navigation__logo-title">svelte-markdoc-preprocess</span>
 				</a>
 			</div>
@@ -51,7 +54,7 @@
 						class:is-selected={link.is_selected}
 						aria-current={link.is_selected ? 'page' : null}
 					>
-						<a class="p-navigation__link" href={link.path}>{link.name}</a>
+						<a class="p-navigation__link" href={resolve(link.path)}>{link.name}</a>
 					</li>
 				{/each}
 				<li class="p-navigation__item">

apps/demo/src/routes/documentation/+layout.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
 	import { page } from '$app/state';
+	import { resolve } from '$app/paths';
+	import type { Pathname } from '$app/types';
+
 	interface Props {
 		children?: import('svelte').Snippet;
 	}
@@ -8,7 +11,13 @@
 
 	let is_expanded = $state(false);
 
-	let links = $derived([
+	type Link = {
+		path: Pathname;
+		name: string;
+		is_selected: boolean;
+	};
+
+	let links: Link[] = $derived([
 		{
 			path: '/documentation',
 			name: 'Install',
@@ -92,7 +101,7 @@
 				<ul>
 					{#each links as link (link.path)}
 						<li aria-current={link.is_selected ? 'page' : null}>
-							<a class:is-active={link.is_selected} href={link.path}>{link.name}</a>
+							<a class:is-active={link.is_selected} href={resolve(link.path)}>{link.name}</a>
 						</li>
 					{/each}
 				</ul>

apps/demo/src/routes/playground/+layout.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { resolve } from '$app/paths';
 	interface Props {
 		children?: import('svelte').Snippet;
 	}
@@ -7,11 +8,11 @@
 </script>
 
 <nav>
-	<a href="/playground/tags">tags</a> |
-	<a href="/playground/partials">partials</a> |
-	<a href="/playground/layout">layout</a> |
-	<a href="/playground/glob">glob</a> |
-	<a href="/playground/markdown">markdown</a>
+	<a href={resolve('/playground/tags')}>tags</a> |
+	<a href={resolve('/playground/partials')}>partials</a> |
+	<a href={resolve('/playground/layout')}>layout</a> |
+	<a href={resolve('/playground/glob')}>glob</a> |
+	<a href={resolve('/playground/markdown')}>markdown</a>
 </nav>
 
 {@render children?.()}

apps/demo/src/routes/playground/glob/+page.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">
+	import { resolve } from '$app/paths';
 	let { data } = $props();
 </script>
 
 {#each data.files as file (file.slug)}
 	<section>
-		<h3><a href={`/playground/glob/${file.slug}`}>{file.filepath}</a></h3>
+		<h3><a href={resolve(`/playground/glob/${file.slug}`)}>{file.filepath}</a></h3>
 		{#if file.frontmatter}
 			<p>{JSON.stringify(file.frontmatter)}</p>
 		{/if}

apps/documentation/package.json

@@ -8,9 +8,9 @@
         "check": "docia check"
     },
     "dependencies": {
-        "docia": "^0.0.6"
+        "docia": "^0.0.15"
     },
     "devDependencies": {
-        "@types/node": "^22.13.14"
+        "@types/node": "^22.19.11"
     }
 }

bunfig.toml

@@ -0,0 +1,2 @@
+[install]
+linker = "hoisted"