import { defineComponent, mergeProps, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrInterpolate } from 'vue/server-renderer';

const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "CustomTitle",
  __ssrInlineRender: true,
  props: {
    title: {}
  },
  setup(__props) {
    const props = __props;
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "text-center" }, _attrs))}><span class="custom-title inline-block text-[18px] sm:text-[24px] md:text-[28px] lg:text-[32px] xl:text-[42px] text-[#333333] bg-[url(&#39;/images/首页/标题背景色块.png&#39;)] bg-no-repeat bg-[length:100%_0.22em] [background-position:50%_80%]">${ssrInterpolate(props.title)}</span></div>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/CustomTitle.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const __nuxt_component_1 = Object.assign(_sfc_main, { __name: "CustomTitle" });

export { __nuxt_component_1 as _ };
//# sourceMappingURL=CustomTitle-2eWUrzRV.mjs.map