migrate to vue 3

web/src/router.js

@@ -1,24 +1,21 @@
+import {createRouter, createWebHistory} from 'vue-router'
+import store from '@/store';
+
 import Items from './views/Items';
 import Boxes from './views/Boxes';
 import Files from './views/Files';
-import Error from './views/Error';
 import HowTo from './views/HowTo';
-import VueRouter from 'vue-router';
-import Vue from 'vue';
 import Login from '@/views/Login.vue';
 import Register from '@/views/Register.vue';
 import Debug from "@/views/admin/Debug.vue";
 import Tickets from "@/views/Tickets.vue";
 import Ticket from "@/views/Ticket.vue";
 import Admin from "@/views/admin/Admin.vue";
-import store from "@/store";
 import Empty from "@/views/Empty.vue";
 import Events from "@/views/admin/Events.vue";
 import AccessControl from "@/views/admin/AccessControl.vue";
 import {default as BoxesAdmin} from "@/views/admin/Boxes.vue"
 
-Vue.use(VueRouter);
-
 const routes = [
     {path: '/', redirect: '/37C3/items', meta: {requiresAuth: false}},
     {path: '/login/', name: 'login', component: Login, meta: {requiresAuth: false}},
@@ -75,11 +72,11 @@ const routes = [
         ]
     },
     {path: '/user', name: 'user', component: Empty, meta: {requiresAuth: true}},
-    {path: '*', component: Error},
 ];
 
-const router = new VueRouter({
-    mode: 'history',
+const router = createRouter({
+    history: createWebHistory(),
+    linkActiveClass: "active",
     routes,
 });
 
@@ -101,13 +98,10 @@ router.beforeEach((to, from, next) => {
 });
 
 router.afterEach((to, from) => {
-    if (to.params.event) {
+    if (to.params.event && to.params.event !== store.state.lastEvent) {
         //console.log('update last event', to.params.event);
         store.commit('updateLastEvent', to.params.event);
     }
-    if (to.query.layout !== from.query.layout) {
-        store.commit('triggerLayoutChange', to.query.layout);
-    }
 });
 
 export default router;