<template>
  <div>
    <a :href="reportAbuse?.url" target="{{ reportAbuse?.target }}}">
      {{ reportAbuse?.title }}
    </a>
  </div>
</template>

<script setup lang="ts">
import { useVueBaseProps } from '@lightspeed/crane';
import { Design } from '../type.ts';

const baseProps = useVueBaseProps<unknown, Design>();
const siteContent: SiteContent = baseProps.site.value satisfies SiteContent;
const reportAbuse = siteContent.reportAbuse;
</script>

<style lang="scss" scoped>
</style>
