message: refactor(comment2): use `withBase`
diff: import { useLocaleConfig } from "@mr-hope/vuepress-shared/lib/client";
  -import { usePageFrontmatter, useSiteData } from "@vuepress/client";
  +import { usePageFrontmatter, withBase } from "@vuepress/client";
  import { computed, defineComponent, h, onMounted, watch, ref } from "vue";
  import { useRoute } from "vue-router";
  import { EyeIcon, FireIcon } from "./icons";
  @@ -14,7 +14,6 @@ export default defineComponent({
  setup() {
  const route = useRoute();
  - const site = useSiteData();
  const frontmatter = usePageFrontmatter<CommentPluginFrontmatter>();
  const pageInfoLocale = useLocaleConfig(pageInfoI18n);
  @@ -23,13 +22,6 @@ export default defineComponent({
  resolveEnablePageViews(frontmatter.value)
  );
  - /** visitorID, use current path */
  - const visitorID = computed(() => {
  - const { base } = site.value;
  -
  - return `${base.slice(0, base.length - 1)}${route.path}`;
  - });
  -
  // show fire icon depending on the views number
  const getCount = (): void => {
  const countElement = document.querySelector(".waline-visitor-count");
  @@ -75,7 +67,8 @@ export default defineComponent({
  "span",
  {
  class: "waline-visitor-count",
  - id: visitorID.value,
  + /** visitorID, use current path */
  + id: withBase(route.path),
  },
  "..."
  ),
  