migrate to vue 3

web/src/views/admin/Debug.vue

@@ -22,27 +22,13 @@
             {{ box.name }}
         </li>
     </ul>
-    <h3 class="text-center">Mails</h3>
-    <!--p>{{ mails }}</p-->
-    <ul>
-        <li v-for="mail in mails" :key="mail.id">
-            {{ mail.id }}
-        </li>
-    </ul>
     <h3 class="text-center">Issues</h3>
     <!--p>{{ issues }}</p-->
     <ul>
-        <li v-for="issue in issues" :key="issue.id">
+        <li v-for="issue in tickets" :key="issue.id">
             {{ issue.id }}
         </li>
     </ul>
-    <h3 class="text-center">System Events</h3>
-    <!--p>{{ systemEvents }}</p-->
-    <ul>
-        <li v-for="systemEvent in systemEvents" :key="systemEvent.id">
-            {{ systemEvent.id }}
-        </li>
-    </ul>
     </div>
 </template>
 
@@ -54,19 +40,17 @@ export default {
     name: 'Debug',
     components: {Table},
     computed: {
-        ...mapState(['events', 'loadedItems', 'loadedBoxes', 'mails', 'issues', 'systemEvents']),
+        ...mapState(['events', 'loadedItems', 'loadedBoxes', 'tickets']),
         qr_url() {
             return window.location.href;
         }
     },
     methods: {
-        ...mapActions(['changeEvent', 'loadMails', 'loadIssues', 'loadSystemEvents']),
+        ...mapActions(['changeEvent', 'loadTickets']),
 
     },
     mounted() {
-        this.loadMails();
-        this.loadIssues();
-        this.loadSystemEvents();
+        this.loadTickets();
     }
 };
 </script>