save settings in store;

src/store/index.js

@@ -55,6 +55,9 @@ export default createStore({
             localStorage.setItem('trackers', JSON.stringify(state.trackers));
             localStorage.setItem('archive', JSON.stringify(state.archive));
         },
+        saveSettings(state) {
+            localStorage.setItem('settings', JSON.stringify(state.settings));
+        },
         deleteTracker(state, index, archive) {
             let message = '';
 

src/views/Settings.vue

@@ -3,7 +3,6 @@
          aria-hidden="true">
         <div class="offcanvas-header">
             <h5><i class="fas fa-sliders-h"></i> Einstellungen</h5>
-            <button type="button" v-on:click="updateStorage()" class="btn-close" data-bs-dismiss="offcanvas"  aria-label="Close"></button>
         </div>
         <div class="offcanvas-body">
             <div class="row">
@@ -11,19 +10,19 @@
                     <h5>Allgemeine Einstellungen</h5>
                     <div class="form-group">
                         <label>Ticket-Link <small>Link zu einem Ticket ohne Ticketnummer</small></label>
-                        <input type="text" v-model="trackerSystemUrl" class="form-control">
+                        <input type="text" v-model="$store.state.settings.trackerSystemUrl" v-on:input="$store.commit('saveSettings')" class="form-control">
                     </div>
                     <br/>
                     <div class="form-group">
                         <label>
-                            <input type="checkbox" class="form-control-checkbox" v-model="$store.state.settings.showPT">
+                            <input type="checkbox" v-on:input="$store.commit('saveSettings')" class="form-control-checkbox" v-model="$store.state.settings.showPT">
                             Ab 8 Stunden nurmehr PT anzeigen
                         </label>
                     </div>
                     <br/>
                     <div class="form-group">
                         <label>
-                            <input type="checkbox" class="form-control-checkbox"
+                            <input type="checkbox" v-on:input="$store.commit('saveSettings')" class="form-control-checkbox"
                                    v-model="$store.state.settings.dontShowMinutes">
                             Zeit immer in Stunden anzeigen
                         </label>