From 4482c5019d89129791fe066f011648500d105f41 Mon Sep 17 00:00:00 2001
From: meedfine <meedfine@gmail.com>
Date: Wed, 14 Sep 2022 20:41:03 +0800
Subject: [PATCH] fix(theme): hide extra navbar when no content (#1338)

---
 src/client/theme-default/components/VPNavBarExtra.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/client/theme-default/components/VPNavBarExtra.vue b/src/client/theme-default/components/VPNavBarExtra.vue
index aceca5ce6b9..af61f4e048b 100644
--- a/src/client/theme-default/components/VPNavBarExtra.vue
+++ b/src/client/theme-default/components/VPNavBarExtra.vue
@@ -4,12 +4,15 @@ import VPFlyout from './VPFlyout.vue'
 import VPMenuLink from './VPMenuLink.vue'
 import VPSwitchAppearance from './VPSwitchAppearance.vue'
 import VPSocialLinks from './VPSocialLinks.vue'
+import { computed } from 'vue'
 
 const { site, theme } = useData()
+
+const hasExtraContent = computed(() => theme.value.localeLinks || site.value.appearance || theme.value.socialLinks)
 </script>
 
 <template>
-  <VPFlyout class="VPNavBarExtra" label="extra navigation">
+  <VPFlyout v-if="hasExtraContent" class="VPNavBarExtra" label="extra navigation">
     <div v-if="theme.localeLinks" class="group">
       <p class="trans-title">{{ theme.localeLinks.text }}</p>