fixed detail view

rommapp · Jul 3, 2024 · e539083 · e539083
1 parent 040fd83
commit e539083
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/frontend/src/views/GameDetails.vue b/frontend/src/views/GameDetails.vue
@@ -20,7 +20,7 @@ import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
 import { inject, onBeforeMount, ref, watch } from "vue";
-import { useRoute } from "vue-router";
+import { onBeforeRouteLeave, useRoute } from "vue-router";
 import { useDisplay } from "vuetify";
 
 // Props
@@ -82,6 +82,10 @@ onBeforeMount(async () => {
   downloadStore.clear();
 });
 
+onBeforeRouteLeave(() => {
+  currentRom.value = null;
+});
+
 watch(
   () => route.fullPath,
   async () => {
@@ -180,8 +184,10 @@ watch(
             <v-window disabled v-model="tab" class="py-2">
               <v-window-item value="details">
                 <v-row no-gutters :class="{ 'mx-2': mdAndUp }">
-                  <file-info :rom="currentRom" :platform="platform" />
-                  <game-info :rom="currentRom" />
+                  <v-col>
+                    <file-info :rom="currentRom" :platform="platform" />
+                    <game-info :rom="currentRom" />
+                  </v-col>
                 </v-row>
               </v-window-item>
               <v-window-item value="saves">