<script lang="ts" setup>
const { siteName } = useGlobalConfig()
useHead({
  title: siteName.value,
  meta: [
    { name: 'description', content: 'This is my site.' },
  ],
})

console.log('Global config siteName:', siteName.value)
</script>

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