+
diff --git a/src/ItemList.svelte b/src/ItemList.svelte
index b26cd35..1e2f325 100644
--- a/src/ItemList.svelte
+++ b/src/ItemList.svelte
@@ -1,22 +1,32 @@
-{kind}
+{kind == 0 ? 'Want to learn' : 'Finished learning'}
+
{#each items as item}
-{/each}
\ No newline at end of file
+{/each}
+
\ No newline at end of file
diff --git a/src/persistStore.js b/src/persistStore.js
new file mode 100644
index 0000000..a564a54
--- /dev/null
+++ b/src/persistStore.js
@@ -0,0 +1,14 @@
+import { writable } from "svelte/store";
+
+export const persistStore = (key, initial)=> {
+ const persist = localStorage.getItem(key)
+ const data = persist ? JSON.parse(persist) : initial
+
+ const store = writable(data, () => {
+ const unsubscribe = store.subscribe(value => {
+ localStorage.setItem(key, JSON.stringify(value))
+ })
+ return unsubscribe
+ })
+ return store
+}
\ No newline at end of file
diff --git a/src/stores.js b/src/stores.js
new file mode 100644
index 0000000..8be7df5
--- /dev/null
+++ b/src/stores.js
@@ -0,0 +1,4 @@
+import { persistStore } from "./persistStore";
+
+ // {item_id: integer} 0 = want to learn, 1 = finished
+export const bookmarks = persistStore('bookmarks', {})
\ No newline at end of file