vitepress-theme-nex/dist/composables/usePosts.cjs

VitePress 主题 Nex 是一个 VitePress 用户设计的现代化博客主题。它不仅提供了简洁美观的视觉风格，还具有多种实用的功能，帮助您快速构建高质量的博客页面。

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.usePosts = usePosts;
var _vue = require("vue");
var _vitepress = require("vitepress");
function usePosts(input) {
  const posts = (0, _vue.computed)(() => input);
  const route = (0, _vitepress.useRoute)();
  const path = route.path;
  const pageTotal = (0, _vue.computed)(() => {
    return Math.ceil(posts.value.length / 10);
  });
  const pageCurrent = (0, _vue.computed)({
    get() {
      const current = route.data.params?.page;
      return Number(current || 1);
    },
    set(newPage) {
      updateURLAndState(newPage);
    }
  });
  function updateURLAndState(newPage) {
    const newUrl = `${path}?page=${newPage}`;
    history.pushState({
      page: newPage
    }, "", newUrl);
  }
  const postsCurrent = (0, _vue.computed)(() => {
    return posts.value.slice((pageCurrent.value - 1) * 10, pageCurrent.value * 10);
  });
  function findCurrentIndex() {
    const result = posts.value.findIndex(p => decodeURI(route.path).includes(p?.url));
    if (result === -1) console.error(`blog post missing: ${route.path}`);
    return result;
  }
  const post = (0, _vue.computed)(() => posts.value[findCurrentIndex()]);
  const nextPost = (0, _vue.computed)(() => posts.value[findCurrentIndex() - 1]);
  const prevPost = (0, _vue.computed)(() => posts.value[findCurrentIndex() + 1]);
  return {
    postsCurrent,
    pageCurrent,
    pageTotal
  };
}