feat: use localForage as storage

Rule-34 · Apr 11, 2021 · e5f960d · e5f960d
1 parent 7c28332
commit e5f960d
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/plugins/vuex-persist.js b/plugins/vuex-persist.js
@@ -1,10 +1,19 @@
 import VuexPersistence from 'vuex-persist'
 
-export default ({ store }) => {
+export default (context) => {
+  const {
+    store,
+    $localForage,
+    app: { router },
+  } = context
+
   // Booru state
   new VuexPersistence({
     key: 'booru',
 
+    storage: $localForage,
+    asyncStorage: true,
+
     reducer: (state) => ({
       booru: {
         history: state.booru.history,
@@ -16,6 +25,9 @@ export default ({ store }) => {
   new VuexPersistence({
     key: 'vuex',
 
+    storage: $localForage,
+    asyncStorage: true,
+
     reducer: (state) => ({
       statistics: state.statistics,
     }),
@@ -25,6 +37,9 @@ export default ({ store }) => {
   new VuexPersistence({
     key: 'notifications',
 
+    storage: $localForage,
+    asyncStorage: true,
+
     reducer: (state) => ({
       notifications: {
         // Double because the state and module are named the same
@@ -39,6 +54,9 @@ export default ({ store }) => {
   new VuexPersistence({
     key: 'user',
 
+    storage: $localForage,
+    asyncStorage: true,
+
     reducer: (state) => {
       const SETTINGS_OBJ = {}