fix(types): nuxtify config

Author: davidstackio

src/runtime/components/app/AppAnnouncementBar.vue

@@ -7,7 +7,7 @@ const { xs } = useDisplay()
 
 // Component state
 const isExternalLink = computed(() =>
-  isExternalUrl(nuxtifyConfig.announcement.buttonUrl, nuxtifyConfig.brand.domain),
+  isExternalUrl(nuxtifyConfig.announcement?.buttonUrl ?? '', nuxtifyConfig.brand?.domain ?? ''),
 )
 </script>
 
@@ -19,14 +19,14 @@ const isExternalLink = computed(() =>
     class="justify-center text-start"
   >
     <div
-      v-if="nuxtifyConfig.announcement.message"
+      v-if="nuxtifyConfig.announcement?.message"
       :class="`${xs ? 'text-subtitle-2' : 'text-subtitle-1'} mr-4`"
     >
       {{ nuxtifyConfig.announcement.message }}
     </div>
     <v-btn
       v-if="
-        nuxtifyConfig.announcement.buttonText && nuxtifyConfig.announcement.buttonUrl
+        nuxtifyConfig.announcement?.buttonText && nuxtifyConfig.announcement.buttonUrl
       "
       :to="!isExternalLink ? nuxtifyConfig.announcement.buttonUrl : undefined"
       :href="isExternalLink ? nuxtifyConfig.announcement.buttonUrl : undefined"

src/runtime/layouts/default.vue

@@ -17,7 +17,7 @@ const { mdAndUp } = useDisplay()
     <AppNavigationDrawer class="d-print-none" />
 
     <AppAnnouncementBar
-      v-if="nuxtifyConfig.announcement.show"
+      v-if="nuxtifyConfig.announcement?.show"
       class="d-print-none"
     />
 

src/runtime/pages/index.vue

@@ -15,7 +15,7 @@ const nuxtifyConfig = useNuxtifyConfig()
 <template>
   <v-container class="text-center">
     <ClientOnly>
-      <h1>{{ nuxtifyConfig.brand.name }} Home</h1>
+      <h1>{{ nuxtifyConfig.brand?.name }} Home</h1>
       <template #fallback>
         <AppLoading />
       </template>