feat: migration to Svelte 5

src/routes/core/+page.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
-    /** @type {import('./$types').PageData} */
-    export let data: any;
+    
     // console.log(`ae_core root +page.svelte data:`, data);
 
     // import { onMount } from 'svelte';
@@ -26,6 +25,12 @@
         slct,
         slct_trigger
     } from '$lib/stores/ae_stores';
+    interface Props {
+        /** @type {import('./$types').PageData} */
+        data: any;
+    }
+
+    let { data }: Props = $props();
     // import { events_loc, events_sess, events_slct, events_trigger } from '$lib/stores/ae_events_stores';
     // import { events_func } from '$lib/ae_events_functions';
 
@@ -35,7 +40,7 @@
     let ae_acct = data[$slct.account_id];
     console.log(`ae_acct = `, ae_acct);
 
-    let person_id_random_li: string[] = [];
+    let person_id_random_li: string[] = $state([]);
 
     // let load_obj_li_results: Promise<any>|key_val;
     // let search_submit_results: Promise<any>|key_val;
@@ -46,7 +51,7 @@
 
     <button
         type="button"
-        on:click={() => {
+        onclick={() => {
             console.log('Edit the POC person for the session.');
 
             // let params = {
@@ -110,7 +115,7 @@
 
     <button
         type="button"
-        on:click={async () => {
+        onclick={async () => {
             console.log('Add Person');
             if (
                 !confirm(
@@ -174,7 +179,7 @@
             <select
                 id="qry_limit__people"
                 bind:value={$ae_loc.person.qry_limit__people}
-                on:change={() => {
+                onchange={() => {
                     core_func
                         .load_ae_obj_li__person({
                             api_cfg: $ae_api,