Migrate to svelte 5

bluwy · Oct 24, 2024 · 01dcd18 · 01dcd18
1 parent 03a580d
commit 01dcd18
Show file tree

Hide file tree

Showing 12 changed files with 270 additions and 224 deletions.
diff --git a/package.json b/package.json
@@ -19,7 +19,7 @@
     "@types/pnpapi": "^0.0.5",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.7",
-    "svelte": "^4.2.19",
+    "svelte": "^5.1.0",
     "typescript": "^5.6.3"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/site/package.json b/site/package.json
@@ -16,7 +16,7 @@
     "publint": "workspace:*"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@unocss/core": "^0.63.6",
     "@unocss/extractor-svelte": "^0.63.6",
     "@unocss/preset-uno": "^0.63.6",
@@ -29,7 +29,7 @@
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.1",
     "shiki": "^1.22.0",
-    "svelte": "^4.2.19",
+    "svelte": "^5.1.0",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0",
     "vite": "^5.4.10"

diff --git a/site/src/components/Analysis.svelte b/site/src/components/Analysis.svelte
@@ -4,10 +4,15 @@
   import severityWarning from '../assets/severity-warning.svg'
   import severityError from '../assets/severity-error.svg'
 
-  /** @type {Record<string, number>} */
-  export let results
+  /**
+   * @typedef {Object} Props
+   * @property {Record<string, number>} results
+   */
+
+  /** @type {Props} */
+  let { results } = $props()
 
-  let open = false
+  let open = $state(false)
 
   /**
    * @param {number} num
@@ -106,7 +111,7 @@
     >
       <button
         class="action-button pointer-events-initial"
-        on:click={() => (open = true)}
+        onclick={() => (open = true)}
       >
         View all {Object.keys(results).length} packages
       </button>