fix(stores): Move anime and manga from localStorage to IndexedDB

2 files changed, 22 insertions, 8 deletions

diff --git a/src/stores/anime.ts b/src/stores/anime.ts
index f9b649a0..dd85588d 100644
--- a/src/stores/anime.ts
+++ b/src/stores/anime.ts
@@ -1,10 +1,17 @@
 import { browser } from '$app/environment';
 import { writable } from 'svelte/store';
+import localforage from 'localforage';
 
-const anime = writable<string>(browser ? localStorage.getItem('anime') ?? '' : '');
+const anime = writable<string>('');
 
-anime.subscribe((value) => {
-  if (browser) localStorage.setItem('anime', value);
-});
+if (browser) {
+  localforage.getItem<string>('anime').then((value) => {
+    if (value) anime.set(value);
+  });
+
+  anime.subscribe((value) => {
+    localforage.setItem('anime', value);
+  });
+}
 
 export default anime;
diff --git a/src/stores/manga.ts b/src/stores/manga.ts
index 24bc9ce1..ff61d335 100644
--- a/src/stores/manga.ts
+++ b/src/stores/manga.ts
@@ -1,10 +1,17 @@
 import { browser } from '$app/environment';
 import { writable } from 'svelte/store';
+import localforage from 'localforage';
 
-const manga = writable<string>(browser ? localStorage.getItem('manga') ?? '' : '');
+const manga = writable<string>('');
 
-manga.subscribe((value) => {
-  if (browser) localStorage.setItem('manga', value);
-});
+if (browser) {
+  localforage.getItem<string>('manga').then((value) => {
+    if (value) manga.set(value);
+  });
+
+  manga.subscribe((value) => {
+    localforage.setItem('manga', value);
+  });
+}
 
 export default manga;