svelte: Use @poppanator/sveltekit-svg for inline SVG support

Author: Turbo87

pnpm-lock.yaml

@@ -18,6 +18,7 @@
   "devDependencies": {
     "@eslint/compat": "2.0.0",
     "@eslint/js": "9.39.1",
+    "@poppanator/sveltekit-svg": "^6.0.1",
     "@sveltejs/adapter-static": "3.0.10",
     "@sveltejs/kit": "2.49.2",
     "@sveltejs/vite-plugin-svelte": "6.2.1",

svelte/package.json

@@ -1,3 +1,5 @@
+import '@poppanator/sveltekit-svg/dist/svg.d.ts';
+
 // See https://svelte.dev/docs/kit/types#app.d.ts
 // for information about these interfaces
 declare global {

svelte/src/app.d.ts

@@ -1,9 +1,10 @@
 import { defineConfig } from 'vitest/config';
 import { playwright } from '@vitest/browser-playwright';
 import { sveltekit } from '@sveltejs/kit/vite';
+import svg from '@poppanator/sveltekit-svg';
 
 export default defineConfig({
-  plugins: [sveltekit()],
+  plugins: [sveltekit(), svg()],
 
   test: {
     expect: { requireAssertions: true },