<script lang="ts" setup>
import type { appListType, appType } from "~/api/types/app";
import { getAppList, getAllApp } from "~/api/app";
const recommendList = ref<appType[]>([]);
const appList = ref<appListType[]>([]);
// 获取推荐应用
const recommendRes = await getAppList({
  pageSize: 10,
  pageNum: 1,
  isRecommend: "1",
});
recommendList.value = recommendRes.rows;
// 获取全部应用
const allRes = await getAllApp();
appList.value = allRes.data;
</script>

<template>
  <div class="flex flex-col min-h-screen bg-white">
    <main class="flex-grow md:p-6 p-2 bg-white">
      <!-- Banner 区域 -->
      <HomeBanner />
      <!-- 广告区域 -->
      <!-- 工具展示区 -->
      <section class="md:mb-12 mb-6">
        <!-- 推荐工具区 -->
        <HomeRecommend
          :recommendList="recommendList"
          navTitle="推荐工具"
          navIcon="star"
        />

        <div v-for="appItem in appList" class="md:mb-12 mb-6">
          <!-- 分类导航及内容 -->
          <HomeContent :appData="appItem" />
        </div>
      </section>
    </main>
  </div>
</template>