component formatting and types

composables/calculateTitle.ts

@@ -0,0 +1,11 @@
+import provideGlobal from "./provideGlobal";
+
+export default async function () {
+  const runtimeConfig = useRuntimeConfig();
+  const appTitle = runtimeConfig.public.app.title;
+
+  const { SEO } = await provideGlobal();
+  const { metaTitle } = SEO ?? {};
+
+  return metaTitle ?? appTitle;
+}

composables/provideGlobal.ts

@@ -0,0 +1,9 @@
+import type Global from "../types/single/global";
+
+export default async function () {
+  const { findOne } = useStrapi();
+  const { data: global } = await useAsyncData("global", () => findOne<Global>("global"));
+  const { logo, navbar, footer, SEO } = global.value?.data ?? {};
+
+  return { logo, navbar, footer, SEO };
+}