persist configuration

package.json

@@ -23,6 +23,7 @@
   },
   "dependencies": {
     "@types/mathjs": "^9.4.2",
-    "mathjs": "^11.8.2"
+    "mathjs": "^11.8.2",
+    "svelte-persisted-store": "^0.11.0"
   }
 }

src/App.svelte

@@ -4,10 +4,10 @@ import Overview from "./lib/Overview.svelte";
 import {CurrentWorkout} from './stores'
 import Workout from "./lib/Workout.svelte";
 import Results from "./lib/Results.svelte";
+
 </script>
 
 <main>
-
 <Header></Header>
 {#if $CurrentWorkout?.Completed}
     <Results></Results>
@@ -16,7 +16,6 @@ import Results from "./lib/Results.svelte";
 {:else}
     <Overview></Overview>
 {/if}
-
 </main>
 
 <style>  

src/stores.ts

@@ -1,21 +1,15 @@
 import { writable } from "svelte/store";
 import { Workout } from "./classes/Workout";
 import { Question } from "./classes/Question";
+import { persisted } from "svelte-persisted-store";
 
 export const Workouts = writable<Workout[]>([])
-
 export const CurrentWorkout = writable<Workout>(null)
-
 export const CurrentQuestion = writable<Question>(null)
 
-export const AmountOfNumbers = writable<number>(2)
-
-export const NumberLength = writable<number>(1)
-
-export const AmountOfQuestions = writable<number>(10)
-
-export const UsePlus = writable<boolean>(true)
-
-export const UseMinus = writable<boolean>(true)
-
-export const UseMultiply = writable<boolean>(true)
+export const AmountOfNumbers = persisted<number>("amountOfNumbers", 2)
+export const NumberLength = persisted<number>("numberLength", 1)
+export const AmountOfQuestions = persisted<number>("amountOfQuestions", 10)
+export const UsePlus = persisted<boolean>("usePlus", true)
+export const UseMinus = persisted<boolean>("useMinus", true)
+export const UseMultiply = persisted<boolean>("useMultiply", true)