fix(entities-plugins): custom plugins disappeared after page reload […

…KM-658]
Kong · Oct 31, 2024 · f64c87a · f64c87a
1 parent 93d89f5
commit f64c87a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/packages/entities/entities-plugins/src/components/PluginIcon.vue b/packages/entities/entities-plugins/src/components/PluginIcon.vue
@@ -2,6 +2,7 @@
   <img
     ref="img"
     :alt="alt"
+    :height="size"
     :src="iconSrc"
     :width="size"
     @error="onError"

diff --git a/packages/entities/entities-plugins/src/components/custom-plugins/PluginCustomGrid.vue b/packages/entities/entities-plugins/src/components/custom-plugins/PluginCustomGrid.vue
@@ -68,7 +68,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, nextTick, onMounted, ref, onUnmounted } from 'vue'
+import { computed, nextTick, onMounted, ref, onBeforeUnmount, watch } from 'vue'
 import type { PropType } from 'vue'
 import {
   PluginGroup,
@@ -217,13 +217,18 @@ const setToggleVisibility = (): void => {
 
 onMounted(async () => {
   await nextTick()
-
-  tallestPluginCardHeight.value = getTallestPluginCardHeight(pluginCardRef.value!)
-  setToggleVisibility()
   window?.addEventListener('resize', handleResize)
 })
 
-onUnmounted(() => {
+watch(modifiedCustomPlugins, () => {
+  handleResize()
+}, {
+  immediate: true,
+  flush: 'post',
+  deep: false,
+})
+
+onBeforeUnmount(() => {
   window?.removeEventListener('resize', handleResize)
 })
 </script>