Merge pull request #326 from InsHomePgup/feat/page

fix(theme-reco): fix the route query page

Author: recoluan

packages/vuepress-theme-reco/src/client/components/Home/Blog.vue

@@ -74,6 +74,10 @@ import { IconFolder, IconTag } from '@components/icons/index.js'
 
 const { posts, categorySummary } = useExtendPageData()
 
+const total = computed(()=>{
+  return posts.length
+})
+
 const currentPage = ref(1)
 const perPage = 10
 
@@ -111,7 +115,22 @@ if (!__VUEPRESS_SSR__) {
     window.scrollTo({ left: 0, top: 0, behavior: 'smooth' })
   }
 
+  const pageNum = Number(route?.query?.page)
+
+  function refreshPage(page){
+    if(page>=total){
+      page=total
+    }else if(page<=0){
+      page=1;
+    }
+    handlePagation(page);
+  }
+
   onMounted(() => {
+    if(typeof pageNum ==='number' && !isNaN(pageNum)){
+      refreshPage(pageNum);
+    }
+
   // @ts-ignore
     watch(queryPage, (newVal) => {
       if (newVal) {

packages/vuepress-theme-reco/src/client/components/Pagation.vue

@@ -141,13 +141,14 @@ const indexes = computed(() => {
 
 const jumpPage = (page) => {
   const p = parseInt(page)
-
-  if (p <= tp.value && p > 0) {
-    emits('change', p)
-    return
+  if(p>tp.value){
+    emits('change',tp.value)
+  }else if(p<=0){
+    emits('change',1)
+  }else{
+    emits('change',p)
   }
-
-  alert(`请输入大于0，并且小于等于${tp.value}的页码！`)
+  targetPage.value =  null
 }
 
 const goPrev = () => {