Merge pull request #226 from muffinista/svelte-5

Update to svelte 5

eslint.config.mjs

@@ -34,4 +34,8 @@ export default [...compat.extends(
     },
 
     rules: {},
+    ignores: [
+        "output/*",
+        "data/*"
+    ]
 }];

package.json

@@ -77,7 +77,7 @@
     "eslint-plugin-mocha": "^10.4.3",
     "eslint-plugin-n": "^17.9.0",
     "eslint-plugin-promise": "^7.1.0",
-    "eslint-plugin-svelte": "^2.42.0",
+    "eslint-plugin-svelte": "^2.46.1",
     "eslint-webpack-plugin": "^4.2.0",
     "globals": "^15.8.0",
     "html-webpack-plugin": "^5.6.0",
@@ -97,8 +97,8 @@
     "sass-loader": "^16.0.2",
     "sinon": "^19.0.2",
     "style-loader": "^4.0.0",
-    "svelte": "^4.2.19",
-    "svelte-eslint-parser": "^0.41.1",
+    "svelte": "^5.15.0",
+    "svelte-eslint-parser": "^0.42.0",
     "svelte-loader": "^3.2.3",
     "tmp": "^0.2.3",
     "url-loader": "^4.1.0",

src/renderer/AboutScreen.svelte

@@ -2,13 +2,14 @@
   <div>
     <h1>Before Dawn</h1>
     <h2>// screensaver fun //</h2>
+    {#await loadData() then}
     <h3>{globals.APP_VERSION}</h3>
-
+    {/await}
     <p>
       An open-source screensaver project.<br>
       <a
         href="http://muffinista.github.io/before-dawn/"
-        on:click="{open}"
+        onclick={open}
       >
         learn more
       </a>
@@ -18,7 +19,7 @@
       Having trouble?
       <a
         href="http://github.com/muffinista/before-dawn/issues"
-        on:click="{open}">
+        onclick={open}>
         please let us know!
       </a>
     </p>
@@ -77,7 +78,7 @@
       <small>
         <a
           href="https://thenounproject.com/search/?q=sunrise&i=172009"
-          on:click="{open}">
+          onclick={open}>
           App
           icon
         </a> Sun by Ale Estrada from the Noun Project
@@ -88,7 +89,7 @@
       <small>
         Powered by <a
           href="https://www.electronjs.org/"
-          on:click="{open}"
+          onclick={open}
         >
           Electron
         </a>
@@ -98,17 +99,15 @@
 </div>
 
 <script>
-import { onMount } from "svelte";
-
 console.log = window.api.log;
 window.addEventListener("error", console.log);
 window.addEventListener("unhandledrejection", console.log);
 
-let globals = {};
+let globals = $state({});
 
-onMount(async () => {
+async function loadData() {
   globals = await window.api.getGlobals();
-});
+}
 
 function open(evt) {
   evt.preventDefault();