feature: local storage

src/mixins/useLocalStorage.ts

@@ -0,0 +1,24 @@
+import { computed, watch } from 'vue';
+import { useStore } from '../store';
+
+export default () => {
+  const store = useStore();
+
+  const setupStorage = () => {
+    // On mounted
+    store.maxVisibleResults = Number(window.localStorage.getItem('maxVisibleResults')) || 30;
+
+    // Max vis. results
+    watch(
+      computed(() => store.maxVisibleResults),
+      (v) => {
+        window.localStorage.setItem('maxVisibleResults', v.toString());
+      }
+    );
+  };
+
+  return {
+    setupStorage,
+  };
+};
+