hotfix: global states refresh

src/App.vue

@@ -20,19 +20,32 @@
 import { useRegisterSW } from 'virtual:pwa-register/vue';
 import { defineComponent } from 'vue';
 import packageInfo from '../package.json';
+import { useStore } from './store/store';
+import orderStorageMixin from './mixins/orderStorageMixin';
 
 export default defineComponent({
+  mixins: [orderStorageMixin],
+
   setup() {
     const { offlineReady, needRefresh, updateServiceWorker } = useRegisterSW({ immediate: true });
 
     return { offlineReady, needRefresh, updateServiceWorker };
   },
   data() {
-    return { appVersion: packageInfo.version };
+    return { appVersion: packageInfo.version, store: useStore() };
   },
 
   created() {
     document.title = `GeneraTOR ${this.appVersion}`;
+    this.store.orderDarkMode = this.getOrderSetting('dark-mode') === 'true';
+
+    const query = new URLSearchParams(window.location.search);
+
+    const id = query.get('sceneryId');
+
+    if (id != null) {
+      this.store.orderMode = 'OrderTrainPicker';
+    }
   }
 });
 </script>

src/components/OrderMessage.vue

@@ -111,8 +111,6 @@ export default defineComponent({
     this.incrementOnSave = this.getOrderSetting('save-increment') === 'true';
     this.incrementOnCopy = this.getOrderSetting('copy-increment') === 'true';
     this.updateDate = this.getOrderSetting('update-date') === 'true';
-    
-    this.store.orderDarkMode = this.getOrderSetting('dark-mode') === 'true';
   },
 
   computed: {

src/views/Home.vue

@@ -77,16 +77,6 @@ export default defineComponent({
     };
   },
 
-  created() {
-    const query = new URLSearchParams(window.location.search);
-
-    const id = query.get('sceneryId');
-
-    if (id != null) {
-      this.store.orderMode = 'OrderTrainPicker';
-    }
-  },
-
   computed: {
     orderModeComponent() {
       switch (this.store.orderMode) {