fix(products): unset product when unmounting shell (#453)

Kong · Mar 4, 2024 · be0f312 · be0f312
1 parent d783b97
commit be0f312
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/views/ProductShell.vue b/src/views/ProductShell.vue
@@ -31,7 +31,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onMounted, ref, watch, watchEffect } from 'vue'
+import { computed, onMounted, onUnmounted, ref, watch, watchEffect } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { storeToRefs } from 'pinia'
 import getMessageFromError from '@/helpers/getMessageFromError'
@@ -213,6 +213,10 @@ onMounted(async () => {
   initActiveProductVersionId()
 })
 
+onUnmounted(() => {
+  productStore.setProduct(null)
+})
+
 watch(() => productVersionParam.value, () => {
   if (productVersionParam.value && (productVersionParam.value !== activeProductVersionId.value)) {
     productStore.setActiveProductVersionId(productVersionParam.value)