<script lang="ts" setup>
const { siteName, siteIcon } = useGlobalConfig()

useHead({
  title: () => siteName.value,
  link: () => siteIcon.value
    ? [{ rel: 'icon', type: 'image/x-icon', href: siteIcon.value }]
    : [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
  meta: [
    { name: 'description', content: 'This is my site.' },
  ],
})
</script>

<template>
  <NuxtLayout>
    <NuxtRouteAnnouncer atomic />
    <BoConfigProvider>
      <NuxtPage />
    </BoConfigProvider>
  </NuxtLayout>
  <ChatWidget />
</template>
