From 82e65117e8e0092c20b2911faeeec6f4f4c70086 Mon Sep 17 00:00:00 2001
From: Simon Jockers <449739+sjockers@users.noreply.github.com>
Date: Mon, 4 Aug 2025 14:53:13 +0200
Subject: [PATCH 1/3] feat(ChartList): Use relative paths in chart links

---
 components/src/ChartList/ChartList.stories.svelte |  7 +++----
 components/src/ChartList/ChartList.svelte         | 10 +++++-----
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/components/src/ChartList/ChartList.stories.svelte b/components/src/ChartList/ChartList.stories.svelte
index 78d0c4fc..1709a5e8 100644
--- a/components/src/ChartList/ChartList.stories.svelte
+++ b/components/src/ChartList/ChartList.stories.svelte
@@ -1,7 +1,6 @@
 <script module>
 	import { defineMeta } from '@storybook/addon-svelte-csf';
 	import { within, expect } from 'storybook/test';
-	import { resolve } from '$app/paths';
 
 	import DesignTokens from '../DesignTokens/DesignTokens.svelte';
 
@@ -68,13 +67,13 @@
 			testCharts.forEach((c) => {
 				const el = canvas.getByText(c.title);
 				expect(el).toBeInstanceOf(HTMLAnchorElement);
-				expect(el.getAttribute('href')).toBe(resolve('/' + c.slug));
+				expect(el.getAttribute('href')).toBe(`/${c.slug}`);
 			});
 		});
 
-		await step('Embed paths render using project-relative URLs', async () => {
+		await step('Embed paths render with .html prefix', async () => {
 			testCharts.forEach((c) => {
-				const el = canvas.getByDisplayValue(resolve('/' + c.slug));
+				const el = canvas.getByDisplayValue(`/${c.slug}.html`);
 				expect(el).toBeTruthy();
 			});
 		});
diff --git a/components/src/ChartList/ChartList.svelte b/components/src/ChartList/ChartList.svelte
index fdd7254a..2da52216 100644
--- a/components/src/ChartList/ChartList.svelte
+++ b/components/src/ChartList/ChartList.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import { dev } from '$app/environment';
-	import { resolve } from '$app/paths';
 	import type { RouteId } from '$app/types';
 
 	type ProjectPrefix = 'p' | 't';
@@ -31,14 +30,15 @@
 				</thead>
 				<tbody>
 					{#each charts as chart}
-						{@const route = `/${chart.slug}/` as RouteId}
-						{@const fullUrl = baseUrl ? `${baseUrl}/${chart.slug}.html` : resolve(route)}
+						{@const route = `/${chart.slug}` as RouteId}
 						<tr>
 							<td>
-								<a href={dev ? resolve(route) : fullUrl}>{chart.title}</a>
+								<a rel="external" href={dev ? route : `./${chart.slug}.html`}>
+									{chart.title}
+								</a>
 							</td>
 							<td>
-								<input type="text" value={fullUrl} />
+								<input type="text" value={`${baseUrl ?? ''}${route}.html`} />
 							</td>
 						</tr>
 					{/each}

From 4232cfa9ad3fba4bd8b3268dd8452f8bb7791b5f Mon Sep 17 00:00:00 2001
From: Simon Jockers <449739+sjockers@users.noreply.github.com>
Date: Mon, 4 Aug 2025 15:06:02 +0200
Subject: [PATCH 2/3] Remove reference to `resolve` from test (no longer
 needed)

---
 components/src/ChartList/ChartList.stories.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/src/ChartList/ChartList.stories.svelte b/components/src/ChartList/ChartList.stories.svelte
index 1709a5e8..4e9af52c 100644
--- a/components/src/ChartList/ChartList.stories.svelte
+++ b/components/src/ChartList/ChartList.stories.svelte
@@ -34,7 +34,7 @@
 			testCharts.forEach((c) => {
 				const el = canvas.getByText(c.title);
 				expect(el).toBeInstanceOf(HTMLAnchorElement);
-				expect(el.getAttribute('href')).toBe(resolve('/' + c.slug));
+				expect(el.getAttribute('href')).toBe('/' + c.slug);
 			});
 		});
 

From 348c4dfdefac26bdc8a94a16d12f4e185dc7125c Mon Sep 17 00:00:00 2001
From: Max Kohler <hello@maxkohler.com>
Date: Mon, 4 Aug 2025 21:20:58 +0200
Subject: [PATCH 3/3] Drop unused type annotation

---
 components/src/ChartList/ChartList.svelte | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/src/ChartList/ChartList.svelte b/components/src/ChartList/ChartList.svelte
index 2da52216..da985013 100644
--- a/components/src/ChartList/ChartList.svelte
+++ b/components/src/ChartList/ChartList.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import { dev } from '$app/environment';
-	import type { RouteId } from '$app/types';
 
 	type ProjectPrefix = 'p' | 't';
 	type ProjectIdentifier = `${ProjectPrefix}${number}: ${string}`;
@@ -30,7 +29,7 @@
 				</thead>
 				<tbody>
 					{#each charts as chart}
-						{@const route = `/${chart.slug}` as RouteId}
+						{@const route = `/${chart.slug}`}
 						<tr>
 							<td>
 								<a rel="external" href={dev ? route : `./${chart.slug}.html`}>