<script setup>
useHead({
  meta: [{ name: "viewport", content: "width=device-width, initial-scale=1" }],
  link: [{ rel: "icon", href: "/favicon.ico" }],
  htmlAttrs: {
    lang: "en",
  },
});

const title = "Work Hub";
const description = "Project management made simple.";

useSeoMeta({
  title,
  description,
  ogTitle: title,
  ogDescription: description,
  twitterCard: "summary_large_image",
});
</script>

<template>
  <UApp>
    <div class="flex flex-col min-h-screen">
      <LazyAppHeader hydrate-on-interaction />

      <UMain class="px-6">
        <NuxtPage />
      </UMain>

      <LazyAppFooter hydrate-on-interaction />
    </div>
  </UApp>
</template>
