사이트 설정 로고와 사용자 설정 레이아웃 정리

app.vue

@@ -1,3 +1,27 @@
+<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 />