<template>
  <NuxtLayout>
    <NuxtPage></NuxtPage>
  </NuxtLayout>
</template>

<script lang="ts" setup>
import { getWebSite } from "~/api/webSite";
import { getClassifyList } from "~/api/classify";
import type { webSiteType } from "~/api/types/webSite";
import type { classifyType } from "~/api/types/classify";

const webSite = useState<webSiteType>("webSite");
const sortList = useState<classifyType[]>("sortTree");

const { data: webSiteData } = await useAsyncData(
  "webSite",
  async () => {
    const res = await getWebSite();
    return res;
  },
  {
    server: true,
    lazy: false,
    getCachedData: () => null,
  }
);

const { data: sortListData } = await useAsyncData(
  "sortList",
  async () => {
    const res = await getClassifyList();
    return res;
  },
  {
    server: true,
    lazy: false,
    getCachedData: () => null,
  }
);

if (webSiteData.value) {
  webSite.value = webSiteData.value;
}
if (sortListData.value) {
  sortList.value = sortListData.value;
}
</script>

<style>
.scroll-container {
  /* 隐藏滚动条 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

.scroll-container::-webkit-scrollbar {
  display: none; /* Chrome/Safari/Opera */
}

#translate {
  display: none;
}
</style>