feature/finish-recipe-assets (#384)

* add features to readme

* Copy markdown reference

* prop as whole recipe

* parameter as url instead of query

* add card styling to editor

* move images to /recipes/{slug}/images

* add image to breaking changes

* fix delete and import errors

* fix debug/about response

* logger updates

* dashboard ui

* add server side events

* unorganized routes

* default slot

* add backup viewer to dashboard

* format

* add dialog to backup imports

* initial event support

* delete assets when removed

Co-authored-by: hay-kot <hay-kot@pm.me>

frontend/src/pages/Admin/ManageUsers/index.vue

@@ -4,30 +4,30 @@
       <v-tabs v-model="tab" background-color="primary" centered dark icons-and-text>
         <v-tabs-slider></v-tabs-slider>
 
-        <v-tab>
+        <v-tab href="#users">
           {{ $t("user.users") }}
           <v-icon>mdi-account</v-icon>
         </v-tab>
 
-        <v-tab>
+        <v-tab href="#sign-ups">
           {{ $t("signup.sign-up-links") }}
           <v-icon>mdi-account-plus-outline</v-icon>
         </v-tab>
 
-        <v-tab>
+        <v-tab href="#groups">
           {{ $t("group.groups") }}
           <v-icon>mdi-account-group</v-icon>
         </v-tab>
       </v-tabs>
 
       <v-tabs-items v-model="tab">
-        <v-tab-item>
+        <v-tab-item value="users">
           <TheUserTable />
         </v-tab-item>
-        <v-tab-item>
+        <v-tab-item value="sign-ups">
           <TheSignUpTable />
         </v-tab-item>
-        <v-tab-item>
+        <v-tab-item value="groups">
           <GroupDashboard />
         </v-tab-item>
       </v-tabs-items>
@@ -42,9 +42,17 @@ import TheSignUpTable from "./TheSignUpTable";
 export default {
   components: { TheUserTable, GroupDashboard, TheSignUpTable },
   data() {
-    return {
-      tab: 0,
-    };
+    return {};
+  },
+  computed: {
+    tab: {
+      set(tab) {
+        this.$router.replace({ query: { ...this.$route.query, tab } });
+      },
+      get() {
+        return this.$route.query.tab;
+      },
+    },
   },
   mounted() {
     this.$store.dispatch("requestAllGroups");