@vue-material/core
Version:
Yet another 'Material Design Components' library for Vue3.
34 lines (33 loc) • 1.01 kB
JavaScript
import { defineComponent, ref, onMounted, watch, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, createCommentVNode } from "vue";
const _sfc_main = /* @__PURE__ */ defineComponent({
...{ name: "MdAwaitedText" },
__name: "awaited-text",
props: {
text: {},
fallback: {},
element: {}
},
setup(__props) {
const awaitedText = ref("");
const props = __props;
onMounted(async () => {
const value = await props.text;
awaitedText.value = value;
});
watch(props, async () => {
const value = await props.text;
awaitedText.value = value;
});
return (_ctx, _cache) => {
return awaitedText.value ? (openBlock(), createBlock(resolveDynamicComponent(props.element ?? "span"), { key: 0 }, {
default: withCtx(() => [
createTextVNode(toDisplayString(awaitedText.value), 1)
]),
_: 1
})) : createCommentVNode("", true);
};
}
});
export {
_sfc_main as default
};