feat: migration to Svelte 5

src/routes/+page.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
-    /** @type {import('./$types').PageData} */
-    export let data: any;
+    
     // console.log(`ae_root +page data:`, data);
 
     import { onMount } from 'svelte';
@@ -14,6 +13,12 @@
 
     // import { api } from '$lib/api';
     import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/stores/ae_stores';
+    interface Props {
+        /** @type {import('./$types').PageData} */
+        data: any;
+    }
+
+    let { data }: Props = $props();
     // import type { key_val } from '$lib/ae_stores';
     // console.log($ae_loc, $ae_sess, $ae_api);
 
@@ -65,7 +70,7 @@
         >
             <button
                 type="button"
-                on:click={() => {
+                onclick={() => {
                     window.location.reload(true);
                 }}
                 class="btn btn-sm m-1 preset-tonal-surface hover:variant-outline-warning text-error-300 hover:text-error-800 transition-all"
@@ -77,7 +82,7 @@
             </button>
             <button
                 type="button"
-                on:click={() => {
+                onclick={() => {
                     if (
                         !confirm(
                             'Are you sure you want to clear IndexedDB databases, localStorage, and sessionStorage? This will also reload the page.'