Saving my work beforeI rename the notes module to journals module. Finally.

src/routes/events/+page.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-export let data: any;
 // console.log(`ae_events_pres_mgmt +page data:`, data);
 // console.log(`ae_events_pres_mgmt Data Params:`, data.url.searchParams.get('event_id'));
 
@@ -10,19 +9,24 @@ import { db_events } from "$lib/ae_events/db_events";
 import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
 import { events_loc, events_slct, events_trigger } from '$lib/ae_events_stores';
 import { ae_util } from '$lib/ae_utils/ae_utils';
+    interface Props {
+        data: any;
+    }
+
+    let { data }: Props = $props();
 
 // import Element_data_store from '$lib/element_data_store_v2.svelte';
 
 let ae_acct = data[$slct.account_id];
 
-$: lq__event_obj_li = liveQuery(async () => {
+let lq__event_obj_li = $derived(liveQuery(async () => {
     let results = await db_events.events
     .where('account_id')
     .equals(ae_acct.slct.account_id)
     .reverse()
     .sortBy('start_datetime')
     return results;
-});
+}));
 
 
 onMount(() => {
@@ -88,8 +92,7 @@ onMount(() => {
                     new Date(event_obj.start_datetime ?? '').getTime())
                     >
                     (new Date().getTime() - (1000 * 60 * 60 * 24 * 30 * 8))
-                    || $ae_loc.trusted_access
-                    }
+                    || $ae_loc.trusted_access}
 
                     <!-- {#if $events_slct.event_id === event_obj.event_id_random} -->
                     <a