hirsun-vuepress-theme-hope-plus
Version:
A light vuepress theme with tons of features and typewriter effect
65 lines • 2.27 kB
JavaScript
import { usePageData } from "@vuepress/client";
import { defineComponent, h } from "vue";
import { useRouter } from "vue-router";
import { generateIndexFromHash } from "vuepress-shared/client";
import { CategoryIcon } from "@theme-hope/modules/info/components/icons";
import { useMetaLocale } from "@theme-hope/modules/info/composables/index";
import "../styles/category-info.scss";
export default defineComponent({
name: "CategoryInfo",
inheritAttrs: false,
props: {
/**
* Category information
*
* 分类信息
*/
category: {
type: Array,
required: true,
},
/**
* Whether in pure mode
*
* 是否处于纯净模式
*/
pure: Boolean,
},
setup(props) {
const router = useRouter();
const page = usePageData();
const metaLocale = useMetaLocale();
const navigate = (event, path = "") => {
if (path && page.value.path !== path) {
event.preventDefault();
void router.push(path);
}
};
return () => props.category.length
? h("span", {
class: "page-category-info",
"aria-label": `${metaLocale.value.category}${props.pure ? "" : "🌈"}`,
...(props.pure ? {} : { "data-balloon-pos": "down" }),
}, [
h(CategoryIcon),
props.category.map(({ name, path }) => h("span", {
class: [
"page-category-item",
{
// TODO: magic number 9 is tricky here
[`category${generateIndexFromHash(name, 9)}`]: !props.pure,
clickable: path,
},
],
role: path ? "navigation" : "",
onClick: (event) => navigate(event, path),
}, name)),
h("meta", {
property: "articleSection",
content: props.category.map(({ name }) => name).join(","),
}),
])
: null;
},
});
//# sourceMappingURL=CategoryInfo.js.map