@bagelink/vue 1.6.2 → 1.6.4

package/dist/index.mjs

@@ -7163,7 +7163,7 @@ var _hoisted_1$52 = {
 			default: !1
 		},
 		modelValue: {
-			type: String,
+			type: [String, Object],
 			default: ""
 		},
 		autodetect: {
@@ -7193,48 +7193,64 @@ var _hoisted_1$52 = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let j = e, M = t, N = ref(j.modelValue || ""), V = ref(), { loaded: U, loadHighlight: J, highlightCode: WE, setTheme: GE } = useHighlight(j.theme), KE = computed(() => {
-			let e = j.height ?? "240px";
+		let j = e, M = t, N = computed(() => typeof j.modelValue == "object");
+		function V(e) {
+			return typeof e == "string" ? e : typeof e == "object" ? JSON.stringify(e, null, 2) : "";
+		}
+		let U = ref(V(j.modelValue)), J = ref(), { loaded: WE, loadHighlight: GE, highlightCode: KE, setTheme: qE } = useHighlight(j.theme), JE = computed(() => {
+			let e = j.height;
 			return e.match(/^\d+$/) ? `${e}px` : e;
-		}), qE = computed(() => WE(N.value, j.language, j.autodetect, j.ignoreIllegals));
-		function JE(e) {
-			N.value = e.target.value, M("update:modelValue", N.value);
+		}), YE = computed(() => KE(U.value, j.language, j.autodetect, j.ignoreIllegals));
+		function XE(e) {
+			if (U.value = e.target.value, N.value) try {
+				M("update:modelValue", JSON.parse(U.value));
+			} catch {
+				M("update:modelValue", U.value);
+			}
+			else M("update:modelValue", U.value);
 		}
-		function YE(e) {
-			if (e.key !== "Tab") return;
+		function ZE(e) {
+			if (e.key === "Tab") return;
 			e.preventDefault();
 			let t = e.target, j = t.selectionStart, I = t.selectionEnd;
-			N.value = `${N.value.substring(0, j)}  ${N.value.substring(I)}`, M("update:modelValue", N.value), setTimeout(() => {
-				t.selectionStart = t.selectionEnd = j + 2;
+			if (U.value = `${U.value.substring(0, j)}  ${U.value.substring(I)}`, N.value) try {
+				M("update:modelValue", JSON.parse(U.value));
+			} catch {
+				M("update:modelValue", U.value);
+			}
+			else M("update:modelValue", U.value);
+			setTimeout(() => {
+				t.selectionStart = j + 2, t.selectionEnd = j + 2;
 			}, 0);
 		}
 		return onMounted(async () => {
-			await J();
+			await GE();
 		}), watch(() => j.theme, (e) => {
-			GE(e);
+			qE(e);
 		}), watch(() => j.modelValue, (e) => {
-			e !== void 0 && e !== N.value && (N.value = e);
+			let t = V(e);
+			t !== U.value && (U.value = t);
 		}, { immediate: !0 }), (t, j) => (openBlock(), createElementBlock("div", {
 			class: "code-editor-container ltr",
-			style: normalizeStyle({ maxHeight: KE.value })
-		}, [e.label ? (openBlock(), createElementBlock("label", _hoisted_1$52, toDisplayString(e.label), 1)) : createCommentVNode("", !0), unref(U) ? (openBlock(), createElementBlock("div", {
+			style: normalizeStyle({ maxHeight: JE.value })
+		}, [e.label ? (openBlock(), createElementBlock("label", _hoisted_1$52, toDisplayString(e.label), 1)) : createCommentVNode("", !0), unref(WE) ? (openBlock(), createElementBlock("div", {
 			key: 1,
 			ref_key: "editorRef",
-			ref: V,
+			ref: J,
 			class: "code-editor-grandpa hljs"
-		}, [createElementVNode("div", _hoisted_2$38, [createElementVNode("pre", _hoisted_3$30, [createElementVNode("code", { innerHTML: qE.value }, null, 8, _hoisted_4$20)]), !e.readonly && !e.disabled ? (openBlock(), createElementBlock("textarea", {
+		}, [createElementVNode("div", _hoisted_2$38, [createElementVNode("pre", _hoisted_3$30, [createElementVNode("code", { innerHTML: YE.value }, null, 8, _hoisted_4$20)]), !e.readonly && !e.disabled ? (openBlock(), createElementBlock("textarea", {
 			key: 0,
-			value: N.value,
+			value: U.value,
 			class: "code-input",
 			spellcheck: "false",
 			autocomplete: "off",
 			autocorrect: "off",
 			autocapitalize: "off",
-			onInput: JE,
-			onKeydown: YE
+			onInput: XE,
+			onKeydown: ZE
 		}, null, 40, _hoisted_5$20)) : createCommentVNode("", !0)])], 512)) : createCommentVNode("", !0)], 4));
 	}
-}), [["__scopeId", "data-v-da15f4be"]]), _hoisted_1$51 = ["title"], _hoisted_2$37 = [
+}), [["__scopeId", "data-v-6d314069"]]), _hoisted_1$51 = ["title"], _hoisted_2$37 = [
 	"id",
 	"placeholder",
 	"required"