From 3e2a5a14785404d40095544fc49f03390a062a85 Mon Sep 17 00:00:00 2001
From: memdmp <memdmp@estrogen.zone>
Date: Wed, 14 Jan 2026 16:04:23 +0100
Subject: feat: use @dmpmem/storage for theme

---
 src/lib/storage.ts             | 7 +++++++
 src/routes/blog/+layout.svelte | 6 +++---
 2 files changed, 10 insertions(+), 3 deletions(-)
 create mode 100644 src/lib/storage.ts

(limited to 'src')

diff --git a/src/lib/storage.ts b/src/lib/storage.ts
new file mode 100644
index 0000000..60ecfa3
--- /dev/null
+++ b/src/lib/storage.ts
@@ -0,0 +1,7 @@
+import { StorageManager } from '@dmpmem/storage'
+
+export const localStorage = new StorageManager('local', 'mem.estrogen.zone:');
+export const sessionStorage = new StorageManager('session', 'mem.estrogen.zone:');
+export const memoryStorage = new StorageManager('memory', 'mem.estrogen.zone:');
+
+export const blogStorage = new StorageManager(localStorage, 'blog:');
diff --git a/src/routes/blog/+layout.svelte b/src/routes/blog/+layout.svelte
index 86447b4..61ab5f3 100644
--- a/src/routes/blog/+layout.svelte
+++ b/src/routes/blog/+layout.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { blogStorage } from '$/lib/storage';
   import { page } from '$app/state';
   import { onDestroy, onMount, type Snippet } from 'svelte';
 
@@ -10,10 +11,9 @@
 
   onMount(() => {
     const theme =
-      page.url.searchParams.get('theme') ??
-      localStorage.getItem('mem.estrogen.zone:blog:theme');
+      page.url.searchParams.get('theme') ?? blogStorage.getItem('theme');
     if (theme) {
-      localStorage.setItem('mem.estrogen.zone:blog:theme', theme);
+      blogStorage.setItem('theme', theme);
       document.documentElement.setAttribute('data-blog-theme', theme);
       page.url.searchParams.delete('theme');
     }
-- 
cgit v1.2.3