tass-ui
Version:
A high quality UI Toolkit built on Vue.js3+.
43 lines (42 loc) • 1.26 kB
JavaScript
import { defineComponent, getCurrentInstance, openBlock, createElementBlock, renderSlot } from "vue";
import "../../../theme-chalk/src/breadcrumb-item.scss.mjs";
const _hoisted_1 = { class: "tas-bread-item" };
const _hoisted_2 = { key: 1 };
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "breadcrumb-item",
props: {
to: {
type: [String, Object]
},
replace: {
type: Boolean,
default: false
}
},
setup(__props) {
const props = __props;
const instance = getCurrentInstance();
const router = instance.appContext.config.globalProperties.$router;
const handleClick = () => {
if (!props.to || !router)
return;
props.replace ? router.replace(props.to) : router.push(props.to);
};
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1, [
__props.to ? (openBlock(), createElementBlock("a", {
key: 0,
class: "tas-breadcrumb-item__link",
onClick: handleClick
}, [
renderSlot(_ctx.$slots, "default")
])) : (openBlock(), createElementBlock("span", _hoisted_2, [
renderSlot(_ctx.$slots, "default")
]))
]);
};
}
});
export {
_sfc_main as default
};