From 4cb19e7d5760cfdac782a3cbdef606fcb2b3fda6 Mon Sep 17 00:00:00 2001
From: Bhanu <pvbhanuteja@gmail.com>
Date: Sun, 29 Oct 2023 04:59:04 +0000
Subject: [PATCH] Update blog code w.r.t new release/docs

---
 .../src/lib/Navigation/Navigation.svelte      | 16 +++++++---------
 .../src/routes/+layout.svelte                 | 19 +++++++------------
 2 files changed, 14 insertions(+), 21 deletions(-)

diff --git a/responsive-sidebar-drawer/src/lib/Navigation/Navigation.svelte b/responsive-sidebar-drawer/src/lib/Navigation/Navigation.svelte
index 252c467..a98a3fa 100644
--- a/responsive-sidebar-drawer/src/lib/Navigation/Navigation.svelte
+++ b/responsive-sidebar-drawer/src/lib/Navigation/Navigation.svelte
@@ -1,16 +1,14 @@
 <script lang="ts">
-	import { drawerStore } from '@skeletonlabs/skeleton';
+	import { getDrawerStore } from '@skeletonlabs/skeleton';
 
-	function drawerClose(): void {
-		drawerStore.close();
-	}
+    const drawerStore = getDrawerStore();
 </script>
 
 <nav class="list-nav p-4">
 	<ul>
-		<li><a href="/" on:click={drawerClose}>Homepage</a></li>
-		<li><a href="/about" on:click={drawerClose}>About</a></li>
-		<li><a href="/blog" on:click={drawerClose}>Blog</a></li>
-		<li><a href="/contact" on:click={drawerClose}>Contact</a></li>
+		<li><a href="/" on:click={() => drawerStore.close()}>Homepage</a></li>
+		<li><a href="/about" on:click={() => drawerStore.close()}>About</a></li>
+		<li><a href="/blog" on:click={() => drawerStore.close()}>Blog</a></li>
+		<li><a href="/contact" on:click={() => drawerStore.close()}>Contact</a></li>
 	</ul>
-</nav>
+</nav>
\ No newline at end of file
diff --git a/responsive-sidebar-drawer/src/routes/+layout.svelte b/responsive-sidebar-drawer/src/routes/+layout.svelte
index 36603b1..60431f5 100644
--- a/responsive-sidebar-drawer/src/routes/+layout.svelte
+++ b/responsive-sidebar-drawer/src/routes/+layout.svelte
@@ -3,20 +3,15 @@
 
 	// Skeleton Features
 	import { AppShell, AppBar } from '@skeletonlabs/skeleton';
-	import { Drawer, drawerStore } from '@skeletonlabs/skeleton';
-
+	import { initializeStores, Drawer, getDrawerStore } from '@skeletonlabs/skeleton';
+	initializeStores();
+	const drawerStore = getDrawerStore();
+	
 	// Local Features
 	import Navigation from '$lib/Navigation/Navigation.svelte';
 
-	// Stylesheets
-	import '@skeletonlabs/skeleton/themes/theme-skeleton.css';
-	import '@skeletonlabs/skeleton/styles/all.css';
 	import '../app.postcss';
 
-	function drawerOpen(): void {
-		drawerStore.open({});
-	}
-
 	// Reactive Properties
 	$: classesSidebarLeft = $page.url.pathname === '/' ? 'w-0' : 'w-0 lg:w-64';
 </script>
@@ -35,7 +30,7 @@
 		<AppBar>
 			<svelte:fragment slot="lead">
 				<div class="flex items-center">
-					<button class="lg:hidden btn btn-sm mr-4" on:click={drawerOpen}>
+					<button class="lg:hidden btn btn-sm mr-4" on:click={() => drawerStore.open()}>
 						<span>
 							<svg viewBox="0 0 100 80" class="fill-token w-4 h-4">
 								<rect width="100" height="20" />
@@ -44,7 +39,7 @@
 							</svg>
 						</span>
 					</button>
-					<strong class="text-xl uppercase">Skeleton</strong>
+					<a href="/" class="text-xl uppercase">Upmail</a>
 				</div>
 			</svelte:fragment>
 			<svelte:fragment slot="trail">
@@ -59,4 +54,4 @@
 	</svelte:fragment>
 	<!-- Page Route Content -->
 	<slot />
-</AppShell>
+</AppShell>
\ No newline at end of file