<script setup>
const { data: appSiteSettings } = await useFetch('/api/site-settings', {
  default: () => ({
    title: 'sori.studio',
    faviconUrl: ''
  })
})

useHead(() => ({
  titleTemplate: (titleChunk) => titleChunk
    ? `${titleChunk} · ${appSiteSettings.value.title}`
    : appSiteSettings.value.title,
  link: appSiteSettings.value.faviconUrl
    ? [
      {
        rel: 'icon',
        type: 'image/png',
        href: appSiteSettings.value.faviconUrl
      }
    ]
    : []
}))
</script>

<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>
