fix temporary changes not working

src/modules/config.js

@@ -109,15 +109,15 @@ const config = {
 
       const confirm = () => {
         dispatch('setOption', { name, value })
-        commit('clearTemporaryChanges')
+        useInterfaceStore().clearTemporaryChanges()
       }
 
       const revert = () => {
         commit('setOptionTemporarily', { name, value: oldValue })
-        commit('clearTemporaryChanges')
+        useInterfaceStore().clearTemporaryChanges()
       }
 
-      commit('setTemporaryChanges', {
+      useInterfaceStore().setTemporaryChanges({
         timeoutId: setTimeout(revert, 10000),
         confirm,
         revert

src/stores/interface.js

@@ -44,6 +44,17 @@ export const useInterfaceStore = defineStore('interface', {
     lastTimeline: null
   }),
   actions: {
+    setTemporaryChanges ({ timeoutId, confirm, revert }) {
+      this.temporaryChangesTimeoutId = timeoutId
+      this.temporaryChangesConfirm = confirm
+      this.temporaryChangesRevert = revert
+    },
+    clearTemporaryChanges () {
+      clearTimeout(this.temporaryChangesTimeoutId)
+      this.temporaryChangesTimeoutId = null
+      this.temporaryChangesConfirm = () => {}
+      this.temporaryChangesRevert = () => {}
+    },
     setPageTitle (option = '') {
       try {
         document.title = `${option} ${window.vuex.state.instance.name}`