From be0f31269ef2324627eefc508d4fdf77e3df5e9f Mon Sep 17 00:00:00 2001
From: David Ma <40131297+davidma415@users.noreply.github.com>
Date: Mon, 4 Mar 2024 16:31:42 -0700
Subject: [PATCH] fix(products): unset product when unmounting shell (#453)

---
 src/views/ProductShell.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/views/ProductShell.vue b/src/views/ProductShell.vue
index 95593ecb..093e0a76 100644
--- 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)