<template>
  <div class="p-10">
    <!-- 推荐工具区 -->
    <HomeRecommend
      :recommendList="list"
      :navTitle="keyword"
      navIcon="tag"
      :navTitleWidth="120.5"
    />
    <el-pagination
      background
      layout="prev, pager, next"
      :hide-on-single-page="true"
      v-model:page-size="params.pageSize"
      v-model:current-page="params.pageNum"
      :total="total"
      @current-change="onPageChange"
    />
  </div>
</template>

<script lang="ts" setup>
import type { appType } from "~/api/types/app";
import { getAppList } from "~/api/app";
const route = useRoute();
const router = useRouter();
const { pageNum } = route.params;
const { keyword } = route.query as { keyword: string };
const list = ref<appType[]>([]);
const total = ref<number>(0);
const params = ref<any>({
  pageNum: Number(pageNum),
  pageSize: 10,
  title: keyword,
});

function onPageChange(pageNum: number) {
  if (pageNum === 1) {
    router.push({
      path: "/search",
      query: {
        keyword: keyword,
      },
    });
  } else if (pageNum > 1) {
    router.push({
      path: route.path + "/page/" + pageNum,
      query: {
        keyword: keyword,
      },
    });
  }
}
const res = await getAppList(params.value);
list.value = res.rows;
total.value = res.total;
</script>