NOT FULLY WORKING YET. Still working to upgrade fully to Tailwind CSS v4.

src/lib/ae_events_stores.ts

@@ -1,4 +1,5 @@
-import { localStorageStore } from '@skeletonlabs/skeleton';
+import { persisted } from 'svelte-persisted-store';
+// import { localStorageStore } from '@skeletonlabs/skeleton';
 import { writable } from 'svelte/store';
 import type { Writable } from 'svelte/store';
 
@@ -288,7 +289,7 @@ let events_local_data_struct: key_val = {
 // export let ae_loc = writable(events_local_data_struct);
 
 // This works and uses *local* storage:
-export let events_loc: Writable<key_val> = localStorageStore('ae_events_loc', events_local_data_struct);
+export let events_loc: Writable<key_val> = persisted('ae_events_loc', events_local_data_struct);
 // console.log(`AE Stores - App Local Storage Data:`, get(ae_loc));
 
 
@@ -557,7 +558,7 @@ let events_slct_obj_template: key_val = {
 export let events_slct = writable(events_slct_obj_template);
 
 // This works and uses *local* storage:
-// export let events_slct: Writable<key_val> = localStorageStore('ae_events_slct', events_slct_obj_template);
+// export let events_slct: Writable<key_val> = persisted('ae_events_slct', events_slct_obj_template);
 
 
 /* *** BEGIN *** Initialize events_trigger */

src/lib/ae_idaa_stores.ts

@@ -1,4 +1,5 @@
-import { localStorageStore } from '@skeletonlabs/skeleton';
+import { persisted } from 'svelte-persisted-store';
+// import { localStorageStore } from '@skeletonlabs/skeleton';
 import { writable } from 'svelte/store';
 import type { Writable } from 'svelte/store';
 
@@ -86,7 +87,7 @@ let idaa_local_data_struct: key_val = {
 // export let ae_loc = writable(idaa_local_data_struct);
 
 // This works and uses *local* storage:
-export let idaa_loc: Writable<key_val> = localStorageStore('ae_idaa_loc', idaa_local_data_struct);
+export let idaa_loc: Writable<key_val> = persisted('ae_idaa_loc', idaa_local_data_struct);
 // console.log(`AE Stores - App Local Storage Data:`, get(ae_loc));
 
 
@@ -152,7 +153,7 @@ let idaa_slct_obj_template: key_val = {
 export let idaa_slct = writable(idaa_slct_obj_template);
 
 // This works and uses *local* storage:
-// export let idaa_slct: Writable<key_val> = localStorageStore('ae_idaa_slct', idaa_slct_obj_template);
+// export let idaa_slct: Writable<key_val> = persisted('ae_idaa_slct', idaa_slct_obj_template);
 
 
 /* *** BEGIN *** Initialize idaa_trig */

src/lib/ae_journals/ae_journals_stores.ts

@@ -1,4 +1,5 @@
-import { localStorageStore } from '@skeletonlabs/skeleton';
+import { persisted } from 'svelte-persisted-store';
+// import { localStorageStore } from '@skeletonlabs/skeleton';
 import { writable } from 'svelte/store';
 import type { Writable } from 'svelte/store';
 
@@ -53,7 +54,7 @@ let journals_local_data_struct: key_val = {
 // console.log(`AE Stores - App Journals Local Storage Data:`, journals_local_data_struct);
 
 // This works and uses *local* storage:
-export let journals_loc: Writable<key_val> = localStorageStore('ae_journals_loc', journals_local_data_struct);
+export let journals_loc: Writable<key_val> = persisted('ae_journals_loc', journals_local_data_struct);
 // console.log(`AE Stores - App Local Storage Data:`, get(ae_loc));
 
 

src/lib/ae_stores.ts

@@ -1,4 +1,5 @@
-import { localStorageStore } from '@skeletonlabs/skeleton';
+import { persisted } from 'svelte-persisted-store';
+// import { localStorageStore } from '@skeletonlabs/skeleton';
 import { readable, writable } from 'svelte/store';
 import type { Readable, Writable } from 'svelte/store';
 
@@ -297,7 +298,7 @@ const ae_app_local_data_defaults: key_val = {
 // export let ae_loc = writable(ae_app_local_data_struct);
 
 // This works and uses local storage:
-export let ae_loc: Writable<key_val> = localStorageStore('ae_loc', ae_app_local_data_defaults);
+export let ae_loc: Writable<key_val> = persisted('ae_loc', ae_app_local_data_defaults);
 // console.log(`AE Stores - App Local Storage Data:`, get(ae_loc));
 
 
@@ -462,7 +463,7 @@ let slct_obj_template: key_val = {
 export let slct = writable(slct_obj_template);
 
 // This works and uses *local* storage:
-// export let slct: Writable<key_val> = localStorageStore('ae_slct', slct_obj_template);
+// export let slct: Writable<key_val> = persisted('ae_slct', slct_obj_template);
 
 
 /* *** BEGIN *** Initialize slct_trigger */

src/lib/e_app_cfg.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 import { onMount } from 'svelte';
-import { RadioGroup, RadioItem } from '@skeletonlabs/skeleton';
+// import { RadioGroup, RadioItem } from '@skeletonlabs/skeleton';
 
 import { ae_util } from '$lib/ae_utils/ae_utils';
 import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
@@ -128,7 +128,7 @@ function handle_clear_storage(item: null|string) {
 <section class="space-y-2">
 <div>
     <h2 class="strong">Access Type:</h2>
-<div>
+</div>
 {#if $ae_loc.access_type && $ae_loc.access_type != 'anonymous'}
     {#if $ae_loc.access_type == 'super'}
         <span class="fas fa-secret mx-1"></span> Super Access

src/lib/element_data_store.svelte

@@ -72,7 +72,7 @@ if (browser && localStorage.getItem(`ae_ds__${ds_code}`)) {
     ae_ds_tmp = ds_code_obj;
 }
 
-//  Writable<key_val> = localStorageStore(`ae_ds__${ds_code}`, ds_code_obj);
+//  Writable<key_val> = persisted(`ae_ds__${ds_code}`, ds_code_obj);
 // console.log(`ae_e_data_store cached: ${ds_code} = `, ae_ds_tmp);
 console.log(`ae_e_data_store cached: ${ds_code} account_id=${$ae_loc.account_id}`);