docs: add more links to documentation in packages page (#1572)

* docs: add more links to documentation in packages page

* Update apps/svelte.dev/src/lib/packages-meta.ts

Co-authored-by: Rich Harris <[email protected]>

* Update apps/svelte.dev/src/lib/packages-meta.ts

Co-authored-by: Rich Harris <[email protected]>

* Update apps/svelte.dev/src/lib/packages-meta.ts

* add missing end quote

* add unplugin-icons

---------

Co-authored-by: Rich Harris <[email protected]>

Author: benmccann

apps/svelte.dev/src/lib/packages-meta.ts

@@ -139,16 +139,6 @@ const FEATURED: {
 			{ name: 'typewriter-editor' }
 		]
 	},
-	{
-		title: 'Icons',
-		packages: [
-			{ name: '@iconify/tailwind4' },
-			{ name: '@unocss/preset-icons' },
-			{ name: '@lucide/svelte', description: 'Beautiful and consistent icons' },
-			{ name: 'svelte-awesome', description: 'Font Awesome icons for Svelte' },
-			{ name: 'phosphor-svelte', description: 'A clean and friendly icon family' }
-		]
-	},
 	{
 		title: 'Data visualization',
 		packages: [
@@ -219,16 +209,6 @@ const FEATURED: {
 			}
 		]
 	},
-	{
-		title: 'Testing and devtools',
-		packages: [
-			{ name: '@testing-library/svelte', description: 'Testing utilities for DOM interaction' },
-			{ name: 'playwright', description: 'Browser automation for end-to-end testing' },
-			{ name: 'vitest' },
-			{ name: 'svelte-render-scan', description: 'Visual debugging tool' },
-			{ name: 'svelte-inspect-value', description: 'Value inspector component' }
-		]
-	},
 	{
 		title: 'Internationalization (i18n)',
 		packages: [
@@ -240,15 +220,6 @@ const FEATURED: {
 			{ name: 'i18n-js' }
 		]
 	},
-	{
-		title: 'Bundler plugins',
-		packages: [
-			{ name: '@sveltejs/vite-plugin-svelte' },
-			{ name: 'rollup-plugin-svelte' },
-			{ name: 'svelte-loader', description: 'Compile Svelte components with webpack' },
-			{ name: 'esbuild-svelte', description: 'Compile Svelte components with esbuild' }
-		]
-	},
 	{
 		title: 'Media',
 		packages: [
@@ -321,6 +292,47 @@ const FEATURED: {
 			}
 		]
 	},
+	{
+		title: 'Devtools',
+		packages: [
+			{ name: 'svelte-render-scan', description: 'Visual debugging tool' },
+			{ name: 'svelte-inspect-value', description: 'Value inspector component' }
+		]
+	},
+	{
+		title: 'Icons',
+		description:
+			'See the <a href="/docs/kit/icons">icons documentation</a> for best practices when using an icon library',
+		packages: [
+			{ name: '@iconify/tailwind4' },
+			{ name: '@unocss/preset-icons' },
+			{ name: '@lucide/svelte', description: 'Beautiful and consistent icons' },
+			{ name: 'svelte-awesome', description: 'Font Awesome icons for Svelte' },
+			{ name: 'phosphor-svelte', description: 'A clean and friendly icon family' },
+			{ name: 'unplugin-icons', description: 'A Vite plugin that provides icons on demand' }
+		]
+	},
+	{
+		title: 'Testing',
+		description:
+			'You might find the <a href="/docs/svelte/testing">documentation about testing</a> to be helpful during setup',
+		packages: [
+			{ name: '@testing-library/svelte', description: 'Testing utilities for DOM interaction' },
+			{ name: 'playwright', description: 'Browser automation for end-to-end testing' },
+			{ name: 'vitest' }
+		]
+	},
+	{
+		title: 'Bundler plugins',
+		description:
+			'If you’re using SvelteKit or a similar framework, this part is taken care of. If you’re <a href="/docs/svelte/getting-started#Alternatives-to-SvelteKit">setting things up on your own</a>, you will need a plugin to tell your bundler how to compile Svelte files',
+		packages: [
+			{ name: '@sveltejs/vite-plugin-svelte' },
+			{ name: 'rollup-plugin-svelte' },
+			{ name: 'svelte-loader', description: 'Compile Svelte components with webpack' },
+			{ name: 'esbuild-svelte', description: 'Compile Svelte components with esbuild' }
+		]
+	},
 	{
 		title: 'Routing',
 		description:

apps/svelte.dev/src/lib/server/generated/registry/unplugin-icons.json

@@ -0,0 +1,15 @@
+{
+	"name": "unplugin-icons",
+	"npm_description": "Access thousands of icons as components on-demand universally",
+	"repo_url": "https://github.com/unplugin/unplugin-icons",
+	"authors": ["userquin", "antfu", "sxzz", "hannoeru"],
+	"homepage": "https://github.com/unplugin/unplugin-icons#readme",
+	"version": "22.4.2",
+	"downloads": 337109,
+	"github_stars": 38856,
+	"updated": "2025-10-02T02:34:15.560Z",
+	"svelte_range": "^3.0.0 || ^4.0.0 || ^5.0.0",
+	"typescript": true,
+	"runes": true,
+	"last_rune_check_version": "0.0.1"
+}