import { _ as An } from './server.mjs';
import { useSSRContext, mergeProps, withCtx, createTextVNode, toDisplayString } from 'vue';
import { ssrRenderAttrs, ssrRenderList, ssrRenderComponent, ssrInterpolate } from 'vue/server-renderer';

const d = { __name: "breadcrumb", __ssrInlineRender: true, props: { items: { type: Array, required: true } }, setup: (t2) => (d2, i2, u, l) => {
  const c = An;
  i2(`<div${ssrRenderAttrs(mergeProps({ class: "flex items-center text-primary gap-2 my-6 flex-wrap" }, l))}><!--[-->`), ssrRenderList(t2.items, (e2, r2) => {
    i2("<!--[-->"), i2(ssrRenderComponent(c, { class: [e2.to === d2.$route.path || d2.$route.query.keyword && d2.$route.query.keyword === e2.to.split("=")[1] ? "text-primary font-bold" : "text-[#737373]", "text-xl capitalize"], to: e2.disabled ? "" : d2.localePath(e2.to) }, { default: withCtx((t3, r3, s2, m2) => {
      if (!r3) return [createTextVNode(toDisplayString(e2.name), 1)];
      r3(`${ssrInterpolate(e2.name)}`);
    }), _: 2 }, u)), r2 !== t2.items.length - 1 ? i2('<span class="text-xl text-[#737373]">/</span>') : i2("<!---->"), i2("<!--]-->");
  }), i2("<!--]--></div>");
} }, i = d.setup;
d.setup = (e2, r2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Shared/breadcrumb.vue"), i ? i(e2, r2) : undefined;
};

export { d };
//# sourceMappingURL=breadcrumb-gjE702oE.mjs.map
