import { h, defineComponent } from "vue";

export default defineComponent({
	props: {
		src: {
			type: String,
			required: true,
		},
		tag: {
			type: String,
			required: false,
			default: "span",
		},
		textTag: {
			type: String,
			required: false,
			default: null,
		},
	},
	render() {
		let str = this.src;
		const parsed = [] as (string | { arg: string })[];
		while (true) {
			const nextBracketOpen = str.indexOf("{");
			const nextBracketClose = str.indexOf("}");

			if (nextBracketOpen === -1) {
				parsed.push(str);
				break;
			} else {
				if (nextBracketOpen > 0) parsed.push(str.substr(0, nextBracketOpen));
				parsed.push({
					arg: str.substring(nextBracketOpen + 1, nextBracketClose),
				});
			}

			str = str.substr(nextBracketClose + 1);
		}

		return h(
			this.tag,
			parsed.map((x) =>
				typeof x === "string"
					? this.textTag
						? h(this.textTag, x)
						: x
					: this.$slots[x.arg](),
			),
		);
	},
});