Done for the night!

src/routes/+layout.svelte

@@ -4,8 +4,13 @@ import '../app.postcss';
 import { AppShell, AppBar, initializeStores } from '@skeletonlabs/skeleton';
 // Initialize the stores for Drawer, Modal, and Toast so they work throughout the app.
 initializeStores();
-import { Drawer, Modal } from '@skeletonlabs/skeleton';
-import type { ModalSettings, ModalComponent, ModalStore } from '@skeletonlabs/skeleton';
+import { Drawer, Modal, getDrawerStore } from '@skeletonlabs/skeleton';
+// import type {
+//     DrawerSettings, DrawerComponent, DrawerStore,
+//     // ModalSettings, ModalComponent, ModalStore
+//     } from '@skeletonlabs/skeleton';
+const drawerStore = getDrawerStore();
+
 
 // Highlight JS
 import hljs from 'highlight.js/lib/core';
@@ -42,6 +47,8 @@ console.log(api);
 console.log($ae_loc, $ae_sess, $ae_api);
 
 
+import Edit_sponsorship_obj from './sponsorships/10_edit__sponsorship_obj.svelte';
+
 // const ae_loc_test_store: Writable<string> = localStorageStore('ae_loc_test', {'test': 'This is a test'});
 // // Subscribe to the store
 // ae_loc_test_store.subscribe(() => {});
@@ -106,7 +113,25 @@ async function handle_get_data_store_obj_w_code({code, data_type='text'}) {
 
 <Modal />
 
-<Drawer />
+
+<Drawer>
+	{#if $drawerStore.id === 'example-1'}
+		(show 'example-1' contents)
+	{:else if $drawerStore.id === 'example-2'}
+		(show 'example-2' contents)
+    {:else if $drawerStore.id === 'sponsorships__edit'}
+		(show 'sponsorships__edit__sponsorship_obj' contents)
+        <section class="sponsorships_editing">
+            {#if $slct.sponsorship_obj && $ae_loc.mod.sponsorships.show_edit__sponsorship_obj}
+                <p>Edit!</p>
+                <Edit_sponsorship_obj />
+            {/if}
+        </section>
+	{:else}
+		(fallback contents)
+	{/if}
+</Drawer>
+
 
 <!-- App Shell -->
 <AppShell>

src/routes/sponsorships/+layout.ts

@@ -1 +0,0 @@
-// export const prerender = true

src/routes/sponsorships/+page.svelte

@@ -3,6 +3,10 @@ import { onMount } from 'svelte';
 
 // To retrieve the store, getModalStore must be invoked at the top level of your component!
 import { getDrawerStore, getModalStore } from '@skeletonlabs/skeleton';
+import type {
+    DrawerSettings,
+    // ModalSettings, ModalComponent, ModalStore
+    } from '@skeletonlabs/skeleton';
 const modalStore = getModalStore();
 
 import { api } from '$lib/api';
@@ -165,13 +169,18 @@ async function handle_load_ae_sponsorship_obj_li({account_id, try_cache=true}) {
 
 const drawerStore = getDrawerStore();
 
+const drawer_settings_edit: DrawerSettings = {
+	id: 'sponsorships__edit',
+	meta: { foo: 'bar', fizz: 'buzz', age: 40 }
+};
+
 const drawer_settings_x: DrawerSettings = {
-	id: 'example-2',
+	id: 'example-1',
 	meta: { foo: 'bar', fizz: 'buzz', age: 40 }
 };
 
 const drawer_settings_y: DrawerSettings = {
-	id: 'example-3',
+	id: 'example-2',
 	// Provide your property overrides:
 	bgDrawer: 'bg-purple-900 text-white',
 	bgBackdrop: 'bg-gradient-to-tr from-indigo-500/50 via-purple-500/50 to-pink-500/50',
@@ -205,6 +214,15 @@ const drawer_settings_y: DrawerSettings = {
                 >
                 Open Drawer Y
             </button>
+
+            <button
+                on:click={() => {
+                    console.log('Open drawer');
+                    drawerStore.open(drawer_settings_edit);
+                }}
+                >
+                Open Drawer Edit
+            </button>
         </section>
 
 		<section class="sponsorships_list">