<script setup lang="ts">
import { useRuntimeConfig, useSeoMeta } from "#app";
import { useBreadcrumbStore } from "~/stores/breadcrumbs";

const breadcrumbStore = useBreadcrumbStore();
breadcrumbStore.setBreadcrumbs([{ label: "Legal" }, { label: "Terms of Service", to: "/legal/terms-of-service" }]);

const config = useRuntimeConfig();
useSeoMeta({
  title: "Terms of Service",
  description: "Terms of Service page of a very nice all-purpose application",
  ogTitle: "Terms of Service",
  ogDescription: "Terms of Service page of a very nice all-purpose application",
  ogImage: config.public.siteUrl + "/images/human.png",
});
</script>

<template>
  <div class="bg-muted/50 min-h-screen flex-1 rounded-xl md:min-h-min flex px-4 py-2 gap-2">
    <h1 class="text-2xl font-bold text-primary">Terms of Service</h1>
  </div>
</template>
