<script setup lang="ts">
import { usePageSearch } from "/@/components/PageSearch";
import searchConfig from "./config/search.config";
import contentConfig from "./config/content.config";
import PageAuth from "/@/components/PageAuth";
import { useRouter } from "vue-router";
import PageContainer, {
  type Events,
  type Hooks
} from "/@/components/PageContainer";
const pageName = "handover";
const basePath = "/interest/handoverDetail";
const { push } = useRouter();
const hooks: Hooks = {
  pageSearchHook: () => usePageSearch(undefined, undefined, searchConfig)
};
const events: Events = {
  content: {
    preview: ({ id }) => push(`${basePath}?id=${id}`),
    create: () => push(basePath)
  }
};
</script>

<template>
  <PageAuth :pageName="pageName">
    <PageContainer
      :hooks="hooks"
      :events="events"
      :pageName="pageName"
      :search-config="searchConfig"
      :content-config="contentConfig"
    />
  </PageAuth>
</template>
