vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
41 lines (40 loc) • 1.17 kB
JavaScript
import { defineComponent as l, resolveComponent as u, createElementBlock as d, openBlock as e, createBlock as t, renderSlot as m, createElementVNode as f, withCtx as p, unref as o } from "vue";
import { useBreadcrumbItem as _ } from "./hook/useBreadcrumbItem.mjs";
import { Icon as s } from "@vuux/icons";
const k = { class: "breadcrumb-item" }, h = { class: "item-icon" }, I = /* @__PURE__ */ l({
name: "BreadcrumbItem",
__name: "item",
props: {
href: {}
},
setup(a) {
const n = a, { breadcrumbContext: r } = _();
return (c, b) => {
const i = u("router-link");
return e(), d("div", k, [
n.href ? (e(), t(i, {
key: 0,
to: n.href
}, {
default: p(() => [
m(c.$slots, "default")
]),
_: 3
}, 8, ["to"])) : m(c.$slots, "default", { key: 1 }),
f("div", h, [
o(r)?.icon ? (e(), t(o(s), {
key: 0,
name: o(r).icon,
size: 14
}, null, 8, ["name"])) : (e(), t(o(s), {
key: 1,
name: "Icon6657361"
}))
])
]);
};
}
});
export {
I as default
};