-
+
+
+
+
diff --git a/src/components/results-config.ts b/src/components/results-config.ts
new file mode 100644
index 0000000..7d5337e
--- /dev/null
+++ b/src/components/results-config.ts
@@ -0,0 +1,41 @@
+import { reactive, watch } from 'vue'
+
+type ResultsConfig = {
+ editableContent: boolean,
+ displayReminderText: boolean,
+ doubleFacedOnTwoCards: boolean
+}
+
+const defaultResultsConfig: ResultsConfig = {
+ editableContent: false,
+ displayReminderText: true,
+ doubleFacedOnTwoCards: true
+}
+
+export const resultsConfig = reactive(defaultResultsConfig)
+
+// Load from local storage on start
+loadConfigFromLocalStorage()
+
+// Store in local storage when config changes
+watch(resultsConfig, config => {
+ localStorage.setItem('resultsConfig', JSON.stringify(config))
+})
+
+function loadConfigFromLocalStorage() {
+ const storedRawConfig = localStorage.getItem('resultsConfig')
+
+ if (storedRawConfig) {
+ const storedConfig = JSON.parse(storedRawConfig)
+
+ if (storedConfig.editableContent !== undefined) {
+ resultsConfig.editableContent = storedConfig.editableContent
+ }
+ if (storedConfig.displayReminderText !== undefined) {
+ resultsConfig.displayReminderText = storedConfig.displayReminderText
+ }
+ if (storedConfig.doubleFacedOnTwoCards !== undefined) {
+ resultsConfig.doubleFacedOnTwoCards = storedConfig.doubleFacedOnTwoCards
+ }
+ }
+}
diff --git a/src/style.css b/src/style.css
index e69de29..5db250e 100644
--- a/src/style.css
+++ b/src/style.css
@@ -0,0 +1,3 @@
+* {
+ font-family: 'Open Sans', sans-serif;
+}