fix a117 warnings

bump mdvsex for svelte v4
drop npm install --force

.github/workflows/gh-pages.yml

@@ -8,5 +8,3 @@ on:
 jobs:
   build:
     uses: janosh/workflows/.github/workflows/nodejs-gh-pages.yml@main
-    with:
-      install-cmd: npm install --force

.github/workflows/test.yml

@@ -12,5 +12,3 @@ on:
 jobs:
   tests:
     uses: janosh/workflows/.github/workflows/npm-test-release.yml@main
-    with:
-      install-cmd: npm install --force

package.json

@@ -19,30 +19,30 @@
     "test": "vitest"
   },
   "dependencies": {
-    "@sveltejs/kit": "^1.20.4",
+    "@sveltejs/kit": "^1.20.5",
     "highlight.js": "^11.8.0",
-    "svelte": "4.0.0-next.2"
+    "svelte": "4.0.0"
   },
   "devDependencies": {
     "@sveltejs/adapter-static": "^2.0.2",
-    "@sveltejs/package": "^2.0.2",
+    "@sveltejs/package": "^2.1.0",
     "@typescript-eslint/eslint-plugin": "^5.60.0",
     "@typescript-eslint/parser": "^5.60.0",
     "@vitest/coverage-v8": "^0.32.2",
     "eslint": "^8.43.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "hastscript": "^7.2.0",
     "jsdom": "^22.1.0",
-    "mdsvex": "^0.10.6",
+    "mdsvex": "^0.11.0",
     "mdsvexamples": "^0.3.3",
     "prettier": "^2.8.8",
     "prettier-plugin-svelte": "^2.10.1",
     "rehype-autolink-headings": "^6.1.1",
     "rehype-slug": "^5.1.0",
-    "svelte-check": "^3.4.3",
+    "svelte-check": "^3.4.4",
     "svelte-multiselect": "^9.0.0",
     "svelte-preprocess": "^5.0.4",
-    "svelte2tsx": "^0.6.15",
+    "svelte2tsx": "^0.6.16",
     "typescript": "5.1.3",
     "vite": "^4.3.9",
     "vitest": "^0.32.2"

src/lib/CopyButton.svelte

@@ -47,7 +47,7 @@
 </script>
 
 {#if !(global || global_selector)}
-  <svelte:element this={as} on:click={copy} {style}>
+  <svelte:element this={as} on:click={copy} {style} role="button" tabindex={0}>
     <slot>
       <Icon icon={labels[state][1]} />
       <span>{labels[state][0]}</span>

src/lib/icons/Collapse.svelte

@@ -1,5 +1,5 @@
 <!-- https://icones.js.org/collection/all?s=bx:collapse-vertical -->
-<svg width="32" height="32" viewBox="0 0 24 24" fill="currentColor" {...$$props} on:click>
+<svg width="32" height="32" viewBox="0 0 24 24" fill="currentColor" {...$$props}>
   <path
     d="M12 7.59L7.05 2.64L5.64 4.05L12 10.41l6.36-6.36l-1.41-1.41L12 7.59zM5.64 19.95l1.41 1.41L12 16.41l4.95 4.95l1.41-1.41L12 13.59l-6.36 6.36z"
   />

src/routes/(demos)/RadioButtons/+page.md

@@ -4,10 +4,11 @@
 
   const options = [1, 2, 3]
   let selected
-  const handler = (event) =>
+  const handler = (event) => {
     console.log(
       'New value is ' + event.target.value + ' triggered by on:' + event.type
     )
+  }
 </script>
 
 <RadioButtons
@@ -30,6 +31,11 @@ Pre-selected value:
 
   const options = ['foo', 'bar', 'baz']
   let selected = 'baz'
+  const handler = (event) => {
+    console.log(
+      'New value is ' + event.target.value + ' triggered by on:' + event.type
+    )
+  }
 </script>
 
 <RadioButtons