Drop entity detail cache (#192)

* bind key to router view in order to drop cache for certain pages
* remove get entities call from entity list component on activated, since it causes unnecessary queries
* clear modal-backdrop from modal when deactivated
* exclude route components from keep-alive
* move activated from entity list where it was before
* remove keep-alive from root component

closes #191

frontend/src/App.vue

@@ -23,9 +23,7 @@
   <AlertDisplay/>
   <div class="container mt-2">
     <router-view v-slot="{Component}">
-      <keep-alive>
-        <component :is="Component"/>
-      </keep-alive>
+      <component :is="Component"/>
     </router-view>
   </div>
 

frontend/src/components/Entity.vue

@@ -103,9 +103,10 @@ export default {
       if (newValue?.name) {
         document.title = newValue.name;
       }
-    }, 
-    async "$route.params.entitySlug"() {
-      await this.updateEntity();
+    },
+    $route: {
+      handler: "updateEntity",
+      immediate: true
     },
   }
 };

frontend/src/components/inputs/ReferencedEntitySelect.vue

@@ -57,7 +57,8 @@ export default {
             text: "Apply",
             callback: this.onSelect
           })
-      ]
+      ],
+      currentEntitySlug: this.$route.params.entitySlug,
     }
   },
   activated() {
@@ -78,6 +79,11 @@ export default {
       if (!this.modelValue) {
         return;
       }
+      if (this.currentEntitySlug !== this.$route.params.entitySlug) {
+        this.selected.length = 0;
+        this.currentEntitySlug = this.$route.params.entitySlug;
+      }
+
       const preselectedIds = this.selected.map(x => x.id);
       let toQuery = this.modelValue;
       if (!Array.isArray(this.modelValue)) {

frontend/src/router.js

@@ -1,4 +1,4 @@
-import { createRouter, createWebHistory } from 'vue-router'
+import {createRouter, createWebHistory} from 'vue-router'
 import SchemaCreate from "@/components/SchemaCreate.vue"
 import Changes from "@/components/change_review/Changes";
 import Entity from "@/components/Entity.vue"
@@ -44,12 +44,12 @@ export const router = createRouter({
             }
         },
         {
-          path: '/review',
-          component: Changes,
-          name: 'review-list',
-          meta: {
-            title: 'Pending Reviews'
-        }
+            path: '/review',
+            component: Changes,
+            name: 'review-list',
+            meta: {
+                title: 'Pending Reviews'
+            }
         },
         {
             path: '/user-management',