Fix empty related media header (#1941)

WordPress · Oct 28, 2022 · a8742eb · a8742eb
1 parent b7c60a7
commit a8742eb
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/pages/image/_id.vue b/src/pages/image/_id.vue
@@ -74,7 +74,11 @@
       :image-height="imageHeight"
       :image-type="imageType"
     />
-    <VRelatedImages :media="relatedMedia" :fetch-state="relatedFetchState" />
+    <VRelatedImages
+      v-if="hasRelatedMedia"
+      :media="relatedMedia"
+      :fetch-state="relatedFetchState"
+    />
   </div>
 </template>
 
@@ -136,6 +140,7 @@ export default defineComponent({
     )
 
     const backToSearchPath = computed(() => route.value.meta?.backToSearchPath)
+    const hasRelatedMedia = computed(() => relatedMediaStore.media.length > 0)
     const relatedMedia = computed(() => relatedMediaStore.media)
     const relatedFetchState = computed(() => relatedMediaStore.fetchState)
 
@@ -207,6 +212,7 @@ export default defineComponent({
     }
     return {
       image,
+      hasRelatedMedia,
       relatedMedia,
       relatedFetchState,
       imageWidth,