fix(footer): same fix on footer

nuxt-themes · Jan 6, 2023 · 20b3df7 · 20b3df7
1 parent 6b9a76a
commit 20b3df7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/.docs/.studio/app.config.json b/.docs/.studio/app.config.json
@@ -1 +1 @@
-{"docus":{"title":"Docus","description":"The best place to start your documentation.","image":"https://user-images.githubusercontent.com/904724/185365452-87b7ca7b-6030-4813-a2db-5e65c785bf88.png","socials":{"twitter":"nuxtstudio","github":"nuxt-themes/docus","facebook":"","instagram":"","youtube":"","medium":""},"aside":{"level":"1","collapsed":"false","exclude":[]},"header":{"title":"","logo":true,"showLinkIcon":true,"exclude":[]},"footer":{"credits":{"icon":"IconDocus","text":"Powered by Docus","href":"https://docus.dev"},"iconLinks":[{"href":"https://nuxt.com","icon":"IconNuxtLabs","label":"Nuxt"}]}},"prose":{"copyButton":{"iconCopy":"ph:copy","iconCopied":"ph:check"},"headings":{"icon":"ph:link"},"h1":{"icon":""},"h2":{"icon":""},"h3":{"icon":""},"h4":{"icon":""},"h5":{"icon":""},"h6":{"icon":""}}}
+{"docus":{"title":"Docus","description":"The best place to start your documentation.","image":"https://user-images.githubusercontent.com/904724/185365452-87b7ca7b-6030-4813-a2db-5e65c785bf88.png","socials":{"twitter":"nuxtstudio","github":"nuxt-themes/docus","facebook":"","instagram":"","youtube":"","medium":""},"aside":{"level":"1","collapsed":"false","exclude":[]},"header":{"title":"","logo":true,"showLinkIcon":true,"exclude":[]},"footer":{"credits":{"icon":"IconDocus","text":"Powered by Docus","href":"https://docus.dev"},"iconLinks":[{"href":"https://nuxt.com","icon":"IconNuxtLabs","label":"Nuxt"}]}},"prose":{"copyButton":{"iconCopy":"ph:copy","iconCopied":"ph:check"},"headings":{"icon":"ph:link"},"h1":{"icon":""},"h2":{"icon":""},"h3":{"icon":""},"h4":{"icon":""},"h5":{"icon":""},"h6":{"icon":""}}}
diff --git a/components/app/AppFooter.vue b/components/app/AppFooter.vue
@@ -1,21 +1,20 @@
 <script setup lang="ts">
 const docus = useDocus()
-
 const socialIcons = ref(null)
-const icons = computed(() => docus.value.footer?.iconLinks || [])
-const textLinks = computed(() => docus.value.footer?.textLinks || [])
-const socialIconsCount = computed(() => Object.entries(docus.value.socials).filter(([_, v]) => v).length)
+const icons = computed(() => docus.value?.footer?.iconLinks || [])
+const textLinks = computed(() => docus.value?.footer?.textLinks || [])
+const socialIconsCount = computed(() => Object.entries(docus.value?.socials || {}).filter(([_, v]) => v).length)
 const nbSocialIcons = computed(() => (socialIcons.value ? socialIconsCount.value : 0))
 </script>
 
 <template>
   <footer>
-    <Container :fluid="docus.layout.fluid" padded class="footer-container">
+    <Container :fluid="docus?.layout?.fluid" padded class="footer-container">
       <!-- Left -->
       <div class="left">
-        <a v-if="docus.footer?.credits" :href="docus.footer.credits.href" rel="noopener" target="_blank">
-          <Component :is="docus.footer.credits.icon" v-if="docus.footer.credits.icon" class="left-icon" />
-          <p>{{ docus.footer.credits.text }}</p>
+        <a v-if="docus?.footer?.credits" :href="docus?.footer?.credits?.href || '#'" rel="noopener" target="_blank">
+          <Component :is="docus?.footer?.credits?.icon" v-if="docus?.footer?.credits?.icon" class="left-icon" />
+          <p v-if="docus?.footer?.credits?.text">{{ docus.footer.credits.text }}</p>
         </a>
       </div>