update monaco language on change

writer · Jan 10, 2025 · dd3d23e · dd3d23e
1 parent 45a7951
commit dd3d23e
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/ui/src/builder/BuilderEmbeddedCodeEditor.vue b/src/ui/src/builder/BuilderEmbeddedCodeEditor.vue
@@ -21,7 +21,7 @@ const props = defineProps<{
 	disabled?: boolean;
 }>();
 
-const { modelValue, disabled } = toRefs(props);
+const { modelValue, disabled, language } = toRefs(props);
 const emit = defineEmits(["update:modelValue"]);
 
 const VARIANTS_SETTINGS: Record<
@@ -55,6 +55,10 @@ watch(modelValue, (newCode) => {
 	editor.getModel().setValue(newCode);
 });
 
+watch(language, () => {
+	monaco.editor.setModelLanguage(editor.getModel(), language.value);
+});
+
 onMounted(() => {
 	editor = monaco.editor.create(editorContainerEl.value, {
 		value: modelValue.value,