From ce6a297eb8cb24995d0d106544ce34e78cc1a285 Mon Sep 17 00:00:00 2001
From: jycouet <jycouet@gmail.com>
Date: Sun, 26 Oct 2025 17:07:29 +0100
Subject: [PATCH 1/2] feat(cli): wrap links with `resolve()`

---
 .changeset/free-bats-march.md                             | 5 +++++
 packages/create/templates/demo/src/routes/Header.svelte   | 7 ++++---
 .../create/templates/demo/src/routes/about/+page.svelte   | 8 ++++++--
 .../create/templates/demo/src/routes/sverdle/+page.svelte | 3 ++-
 4 files changed, 17 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/free-bats-march.md

diff --git a/.changeset/free-bats-march.md b/.changeset/free-bats-march.md
new file mode 100644
index 000000000..b10826dca
--- /dev/null
+++ b/.changeset/free-bats-march.md
@@ -0,0 +1,5 @@
+---
+'sv': patch
+---
+
+feat(cli): wrap links with `resolve()` function to follow [best practices](https://svelte.dev/docs/kit/$app-paths#resolve)
diff --git a/packages/create/templates/demo/src/routes/Header.svelte b/packages/create/templates/demo/src/routes/Header.svelte
index 1eb310ba3..0e719eb08 100644
--- a/packages/create/templates/demo/src/routes/Header.svelte
+++ b/packages/create/templates/demo/src/routes/Header.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { resolve } from '$app/paths';
 	import { page } from '$app/state';
 	import logo from '$lib/images/svelte-logo.svg';
 	import github from '$lib/images/github.svg';
@@ -17,13 +18,13 @@
 		</svg>
 		<ul>
 			<li aria-current={page.url.pathname === '/' ? 'page' : undefined}>
-				<a href="/">Home</a>
+				<a href={resolve('/')}>Home</a>
 			</li>
 			<li aria-current={page.url.pathname === '/about' ? 'page' : undefined}>
-				<a href="/about">About</a>
+				<a href={resolve('/about')}>About</a>
 			</li>
 			<li aria-current={page.url.pathname.startsWith('/sverdle') ? 'page' : undefined}>
-				<a href="/sverdle">Sverdle</a>
+				<a href={resolve('/sverdle')}>Sverdle</a>
 			</li>
 		</ul>
 		<svg viewBox="0 0 2 3" aria-hidden="true">
diff --git a/packages/create/templates/demo/src/routes/about/+page.svelte b/packages/create/templates/demo/src/routes/about/+page.svelte
index 23452611f..fb15a1407 100644
--- a/packages/create/templates/demo/src/routes/about/+page.svelte
+++ b/packages/create/templates/demo/src/routes/about/+page.svelte
@@ -1,3 +1,7 @@
+<script lang="ts">
+	import { resolve } from '$app/paths';
+</script>
+
 <svelte:head>
 	<title>About</title>
 	<meta name="description" content="About this app" />
@@ -20,7 +24,7 @@
 	</p>
 
 	<p>
-		The <a href="/sverdle">Sverdle</a> page illustrates SvelteKit's data loading and form handling. Try
-		using it with JavaScript disabled!
+		The <a href={resolve('/sverdle')}>Sverdle</a> page illustrates SvelteKit's data loading and form
+		handling. Try using it with JavaScript disabled!
 	</p>
 </div>
diff --git a/packages/create/templates/demo/src/routes/sverdle/+page.svelte b/packages/create/templates/demo/src/routes/sverdle/+page.svelte
index 74aba2699..98d43fca8 100644
--- a/packages/create/templates/demo/src/routes/sverdle/+page.svelte
+++ b/packages/create/templates/demo/src/routes/sverdle/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { enhance } from '$app/forms';
+	import { resolve } from '$app/paths';
 	import { confetti } from '@neoconfetti/svelte';
 	import type { ActionData, PageData } from './$types';
 	import { MediaQuery } from 'svelte/reactivity';
@@ -117,7 +118,7 @@
 		};
 	}}
 >
-	<a class="how-to-play" href="/sverdle/how-to-play">How to play</a>
+	<a class="how-to-play" href={resolve('/sverdle/how-to-play')}>How to play</a>
 
 	<div class="grid" class:playing={!won} class:bad-guess={form?.badGuess}>
 		{#each Array.from(Array(6).keys()) as row (row)}

From 3414c9f562cd939b28c2478d1f937ce6afb6f00c Mon Sep 17 00:00:00 2001
From: jycouet <jycouet@gmail.com>
Date: Mon, 27 Oct 2025 16:40:30 +0100
Subject: [PATCH 2/2] let's just add a linting step to our create flavors

---
 packages/create/test/check.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/create/test/check.ts b/packages/create/test/check.ts
index f2e459c5d..2e94b5b86 100644
--- a/packages/create/test/check.ts
+++ b/packages/create/test/check.ts
@@ -5,6 +5,7 @@ import { fileURLToPath } from 'node:url';
 import { exec, type PromiseWithChild } from 'node:child_process';
 import { beforeAll, describe, test } from 'vitest';
 import { create, type LanguageType, type TemplateType } from '../index.ts';
+import { installAddon, officialAddons } from '../../cli/lib/index.ts';
 
 // Resolve the given path relative to the current file
 const resolve_path = (path: string) => fileURLToPath(new URL(path, import.meta.url));
@@ -42,13 +43,13 @@ for (const template of templates) {
 		fs.rmSync(cwd, { recursive: true, force: true });
 
 		create(cwd, { name: `create-svelte-test-${template}-${types}`, template, types });
+		await installAddon({ cwd, addons: { eslint: officialAddons.eslint }, options: { eslint: {} } });
 
 		const pkg = JSON.parse(fs.readFileSync(path.join(cwd, 'package.json'), 'utf-8'));
 
 		// run provided scripts that are non-blocking. All of them should exit with 0
 		// package script requires lib dir
-		// TODO: lint should run before format
-		const scripts_to_test = ['format', 'lint', 'check', 'build', 'package'].filter(
+		const scripts_to_test = ['lint', 'format', 'check', 'build', 'package'].filter(
 			(s) => s in pkg.scripts
 		);