update

src/oj/problemset/list.vue

@@ -3,7 +3,7 @@ import { Icon } from "@iconify/vue"
 import { useRouteQuery } from "@vueuse/router"
 import { getProblemSetList } from "../api"
 import { parseTime } from "utils/functions"
-import { ProblemSetList } from "utils/types"
+import type { ProblemSetList } from "utils/types"
 import Pagination from "shared/components/Pagination.vue"
 import { usePagination } from "shared/composables/pagination"
 import { useBreakpoints } from "shared/composables/breakpoints"
@@ -21,11 +21,16 @@ interface ProblemSetQuery {
 }
 
 // 使用分页 composable
-const { query, clearQuery } = usePagination<ProblemSetQuery>({
+const { query, clearQuery } = usePagination<ProblemSetQuery>(
-  keyword: useRouteQuery("keyword", "").value,
+  {
-  difficulty: useRouteQuery("difficulty", "").value,
+    keyword: useRouteQuery("keyword", "").value,
-  status: useRouteQuery("status", "").value,
+    difficulty: useRouteQuery("difficulty", "").value,
-})
+    status: useRouteQuery("status", "").value,
+  },
+  {
+    defaultLimit: 30,
+  },
+)
 
 const difficultyOptions = [
   { label: "全部", value: "" },

src/shared/components/Pagination.vue

@@ -14,8 +14,6 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits(["update:limit", "update:page"])
 
-const route = useRoute()
-
 const { isDesktop } = useBreakpoints()
 
 const limit = ref(props.limit)