Add note: eslint-plugin-svelte v3.12.x makes SvelteKit linter fail

src/routes/api/notes/2025/+server.ts

@@ -2,6 +2,7 @@ import { resolveNote } from '$lib/server/resolvers';
 import noteAmIStillRelevantAsADeveloper from '$notes/(2025)/am-i-still-relevant-as-a-developer/meta';
 import noteDisallowingAiBotsInRobotsTxt from '$notes/(2025)/disallowing-ai-bots-in-robots-txt/meta';
 import noteEnvVarsInCode from '$notes/(2025)/env-vars-in-vscode/meta';
+import noteEslintPluginSvelteMakesSveltekitLinterFail from '$notes/(2025)/eslint-plugin-svelte-makes-sveltekit-linter-fail/meta';
 import noteHostingInEurope from '$notes/(2025)/hosting-in-europe-beyond-big-tech/meta';
 import noteHowToWriteExceptionalDocs from '$notes/(2025)/how-to-write-exceptional-docs/meta';
 import notePenpotsMissingSvgTextToPathFeature from '$notes/(2025)/penpots-missing-svg-text-to-path-feature/meta';
@@ -19,6 +20,7 @@ export const prerender = true;
 export const GET: RequestHandler = async () => {
 	// Sort order: latest first.
 	const notes = [
+		noteEslintPluginSvelteMakesSveltekitLinterFail,
 		noteVercelProtectionBypass,
 		noteUsingGitHubCopilotInTheTerminal,
 		notePerplexityAiCaughtInTheAct,

src/routes/notes/(2025)/eslint-plugin-svelte-makes-sveltekit-linter-fail/+page.server.ts

@@ -0,0 +1,12 @@
+import { resolveNote } from '$lib/server/resolvers';
+import type { PageServerLoad } from './$types';
+import meta from './meta';
+
+export const load: PageServerLoad = async () => {
+	const note = await resolveNote(meta);
+	const { title, description, ogImageUrl } = note;
+	return {
+		note,
+		seo: { title, description, ogImageUrl }
+	};
+};

src/routes/notes/(2025)/eslint-plugin-svelte-makes-sveltekit-linter-fail/+page.svx

@@ -0,0 +1,15 @@
+<script>
+  import { Figure, VercelImage, stripOrigin } from '@maiertech/sveltekit-helpers';
+  import src from './no-navigation-without-resolve.png';
+</script>
+
+When I upgraded this website's dependencies, I ended up with `eslint-plugin-svelte` v3.12.x. It
+broke the CI lint task and produced the following errors:
+
+<Figure caption="eslint-plugin-svelte v3.12.x causes the SvelteKit linter to fail with svelte/no-navigation-without-resolve errors." class="mb-8">
+  <VercelImage src={stripOrigin(src)} alt="Screenshot of the SvelteKit linter error messages." intrinsicWidth={2342}></VercelImage>
+</Figure>
+
+The linter rejects links where `href` is provided as a variable. I did not investigate the change in
+detail, but I linked the GitHub discussion above. As a workaround, I pinned `eslint-plugin-svelte`
+to v3.11.0 in `package.json`.

src/routes/notes/(2025)/eslint-plugin-svelte-makes-sveltekit-linter-fail/meta.ts

@@ -0,0 +1,10 @@
+import type { NoteMeta } from '@maiertech/sveltekit-helpers';
+
+export default {
+	title: 'eslint-plugin-svelte makes SvelteKit linter fail',
+	description:
+		'eslint-plugin-svelte v3.12.x breaks the SvelteKit linter (svelte/no-navigation-without-resolve); pinned to v3.11.0 as a workaround.',
+	publishedDate: '2025-09-21',
+	link: 'https://github.com/sveltejs/eslint-plugin-svelte/issues/1353',
+	path: '/notes/eslint-plugin-svelte-makes-sveltekit-linter-fail'
+} satisfies NoteMeta;