ff-webpage/app.vue

<template>
  <NuxtPage />
</template>

<script setup lang="ts">
import calculateTitle from "./composables/calculateTitle";
import provideGlobal from "./composables/provideGlobal";

const { SEO } = await provideGlobal();
const title = await calculateTitle();

const { metaDescription, keywords } = SEO ?? {};

useHead({
  title: title,
  meta: [
    { name: "description", content: metaDescription },
    { name: "keywords", content: keywords },
  ],
});
</script>