refactor progress

client/src/store/settings.ts

@@ -0,0 +1,30 @@
+import { getterTree, mutationTree, actionTree } from 'typed-vuex'
+import { accessor } from '~/store'
+
+export const namespaced = true
+
+export const state = () => ({
+  scroll: 10,
+  scroll_invert: true,
+})
+
+export const getters = getterTree(state, {})
+
+export const mutations = mutationTree(state, {
+  setScroll(state, scroll: number) {
+    state.scroll = scroll
+    localStorage.setItem('scroll', `${scroll}`)
+  },
+})
+
+export const actions = actionTree(
+  { state, getters, mutations },
+  {
+    initialise() {
+      const scroll = localStorage.getItem('scroll')
+      if (scroll) {
+        accessor.settings.setScroll(parseInt(scroll))
+      }
+    },
+  },
+)