fix(theme): fix article list pageview, close #3637

packages/theme/src/client/modules/blog/components/ArticleList.ts

@@ -1,5 +1,13 @@
 import type { PropType, VNode } from "vue";
-import { computed, defineComponent, h, onMounted, ref, watch } from "vue";
+import {
+  computed,
+  defineComponent,
+  h,
+  nextTick,
+  onMounted,
+  ref,
+  watch,
+} from "vue";
 import { useRoute, useRouter } from "vue-router";
 
 import DropTransition from "@theme-hope/components/transitions/DropTransition";
@@ -53,14 +61,21 @@ export default defineComponent({
 
       const query = { ...route.query };
 
-      if (query["page"] === page.toString() || (page === 1 && !query["page"]))
-        return;
-      if (page === 1) delete query["page"];
-      else query["page"] = page.toString();
+      const needUpdate = !(
+        query["page"] === page.toString() || // page equal as query
+        // page is 1 and query is empty
+        (page === 1 && !query["page"])
+      );
+
+      if (needUpdate) {
+        if (page === 1) delete query["page"];
+        else query["page"] = page.toString();
 
-      await router.push({ path: route.path, query });
+        await router.push({ path: route.path, query });
+      }
 
       if (SUPPORT_PAGEVIEW) {
+        await nextTick();
         const { updatePageview } = await import(
           /* webpackChunkName: "pageview" */ "vuepress-plugin-comment2/pageview"
         );
@@ -72,6 +87,8 @@ export default defineComponent({
     onMounted(() => {
       const { page } = route.query;
 
+      console.log("mounted");
+
       void updatePage(page ? Number(page) : 1);
 
       watch(currentPage, () => {
@@ -82,11 +99,6 @@ export default defineComponent({
 
         setTimeout(() => {
           window.scrollTo(0, distance);
-
-          if (SUPPORT_PAGEVIEW)
-            void import(
-              /* webpackChunkName: "pageview" */ "vuepress-plugin-comment2/pageview"
-            ).then(({ updatePageview }) => updatePageview());
         }, 100);
       });
     });