update sv add-ons title

Author: benmccann

apps/svelte.dev/src/routes/packages/+page.server.ts

@@ -21,23 +21,24 @@ const arrToPackages = (arr: string[]) => {
 };
 
 // Netflix style page. Send pre-done cards with categories
-const homepage_data: { title: string; packages: Package[] }[] = [
+const homepage: { title: string; href?: string; packages: Package[] }[] = [
 	{
-		title: 'sv add-ons',
+		title: 'Svelte CLI add-ons',
+		href: '/docs/cli',
 		packages: arrToPackages(PACKAGES_META.SV_ADD.packages)
 	}
 ];
 
 for (const { packages, title } of PACKAGES_META.FEATURED) {
-	homepage_data.push({
+	homepage.push({
 		title,
 		packages: arrToPackages(packages)
 	});
 }
 
-export async function load({ url }) {
+export async function load() {
 	return {
 		packages: registry,
-		homepage: homepage_data
+		homepage
 	};
 }

apps/svelte.dev/src/routes/packages/+page.svelte

@@ -22,8 +22,8 @@
 
 <div class="page content">
 	<div in:fly={{ y: 20 }}>
-		{#each data.homepage as { title, packages }}
-			<Category {title} {packages} />
+		{#each data.homepage as { title, href, packages }}
+			<Category {title} {href} {packages} />
 		{/each}
 	</div>
 </div>

apps/svelte.dev/src/routes/packages/Category.svelte

@@ -8,7 +8,7 @@
 		packages: Package[];
 	}
 
-	let { title, packages }: Props = $props();
+	let { title, href, packages }: Props = $props();
 
 	let content: HTMLElement;
 	let scroller: HTMLElement;
@@ -37,7 +37,12 @@
 
 <section class="category">
 	<header>
-		<h2>{title}</h2>
+		<h2>
+			{title}
+			{#if href}
+				(<a {href}>docs</a>)
+			{/if}
+		</h2>
 
 		{#if !at_start || !at_end}
 			<div class="controls">