vuepress-theme-hope/lib/client/modules/blog/components/ArticleType.js

A light vuepress theme with tons of features

import { computed, defineComponent, h } from "vue";
import { RouteLink, resolveRoute, usePageData, useRouteLocale, } from "vuepress/client";
import { useArticles, useBlogLocaleData, useStars, } from "@theme-hope/modules/blog/composables/index";
import "../styles/article-type.scss";
export default defineComponent({
    name: "ArticleType",
    setup() {
        const page = usePageData();
        const localePath = useRouteLocale();
        const articles = useArticles();
        const stars = useStars();
        const blogLocale = useBlogLocaleData();
        const types = computed(() => {
            return [
                {
                    text: blogLocale.value.all,
                    path: articles.value.path,
                },
                { text: blogLocale.value.star, path: stars.value.path },
                ...__VP_BLOG_TYPES__.map(({ key, path }) => {
                    const routePath = path.replace(/^\//, localePath.value);
                    return {
                        text: 
                        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
                        blogLocale.value[key] ??
                            resolveRoute(routePath).meta.title ??
                            key,
                        path: routePath,
                    };
                }),
            ];
        });
        return () => h("ul", { class: "vp-article-type-wrapper" }, types.value.map((type) => h("li", {
            class: [
                "vp-article-type",
                { active: type.path === page.value.path },
            ],
        }, h(RouteLink, { to: type.path }, () => type.text))));
    },
});
//# sourceMappingURL=ArticleType.js.map