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

const breadcrumbStore = useBreadcrumbStore();
breadcrumbStore.setBreadcrumbs([{ label: "Legal" }, { label: "Privacy Policy", to: "/legal/privacy-policy" }]);

const config = useRuntimeConfig();
useSeoMeta({
  title: "Privacy Policy",
  description: "Privacy Policy page of a very nice all-purpose application",
  ogTitle: "Privacy Policy",
  ogDescription: "Privacy Policy 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">Privacy Policy</h1>
  </div>
</template>
