hirsun-vuepress-theme-hope-plus
Version:
A light vuepress theme with tons of features and typewriter effect
65 lines • 2.2 kB
JavaScript
import { usePageData } from "@vuepress/client";
import { defineComponent, h } from "vue";
import { useRouter } from "vue-router";
import { generateIndexFromHash } from "vuepress-shared/client";
import { TagIcon } from "@theme-hope/modules/info/components/icons";
import { useMetaLocale } from "@theme-hope/modules/info/composables/index";
import "../styles/tag-info.scss";
export default defineComponent({
name: "TagInfo",
inheritAttrs: false,
props: {
/**
* Tag information
*
* 标签信息
*/
tag: {
type: Array,
default: () => [],
},
/**
* 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.tag.length
? h("span", {
class: "page-tag-info",
"aria-label": `${metaLocale.value.tag}${props.pure ? "" : "🏷"}`,
...(props.pure ? {} : { "data-balloon-pos": "down" }),
}, [
h(TagIcon),
props.tag.map(({ name, path }) => h("span", {
class: [
"page-tag-item",
{
// TODO: magic number 9 is tricky here
[`tag${generateIndexFromHash(name, 9)}`]: !props.pure,
clickable: path,
},
],
role: path ? "navigation" : "",
onClick: (event) => navigate(event, path),
}, name)),
h("meta", {
property: "keywords",
content: props.tag.map(({ name }) => name).join(","),
}),
])
: null;
},
});
//# sourceMappingURL=TagInfo.js.map