Use hash for group tabs

aleksis/core/frontend/components/group/GroupOverview.vue

@@ -30,16 +30,14 @@ export default {
       required: false,
       default: null,
     },
-    tabSlug: {
-      type: String,
-      required: false,
-      default: "default",
-    },
   },
   computed: {
     tabs() {
       return collections.coreGroupOverview.items;
     },
+    tabSlug() {
+      return this.$hash;
+    },
   },
   mounted() {
     const tab = this.tabs.findIndex((tab) => tab.tab.id === this.tabSlug);
@@ -61,8 +59,8 @@ export default {
 
       if (this.tabSlug !== tabSlug) {
         this.$router.push({
-          name: "core.groupWithTab",
-          params: { id: this.id, tabSlug },
+          ...this.$route,
+          hash: "#" + tabSlug,
         });
       }
     },

aleksis/core/frontend/routes.js

@@ -203,15 +203,6 @@ const routes = [
         },
         name: "core.editGroup",
       },
-      {
-        path: "/groups/:id(\\d+)/:tabSlug([^\\s!?\\/*#|]+)",
-        component: () => import("./components/group/GroupOverview.vue"),
-        props: true,
-        name: "core.groupWithTab",
-        meta: {
-          permission: "core.view_groups_rule",
-        },
-      },
       {
         path: "/group_type/",
         component: () => import("./components/group_type/GroupType.vue"),