From 20b3df7d3e3cf7f48eeecef905a89d51aa5e9281 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C3=ABl=20GUILLOUX?= <yael.guilloux@gmail.com>
Date: Fri, 6 Jan 2023 02:57:10 +0100
Subject: [PATCH] fix(footer): same fix on footer

---
 .docs/.studio/app.config.json |  2 +-
 components/app/AppFooter.vue  | 15 +++++++--------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/.docs/.studio/app.config.json b/.docs/.studio/app.config.json
index 88c14d001..dc20a5a53 100644
--- 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":""}}}
\ No newline at end of file
+{"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
index face390b2..9ec6216d4 100644
--- 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>