fix(playground): fix language change

a145789 · Mar 7, 2023 · f6d48da · f6d48da
1 parent b716e8b
commit f6d48da
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/playground/src/components/Header.vue b/playground/src/components/Header.vue
@@ -38,7 +38,7 @@ const iconClass = 'text-#555 dark:text-#fff'
 </script>
 
 <template>
-  <var-paper :elevation="2" :height="50" class="px-25px">
+  <var-paper :elevation="2" :height="50" class="px-30px">
     <var-row align="center" justify="space-between" class="h-full">
       <var-col :span="12" :xs="20">
         <div class="font-500 text-20px" :class="TEXT_COLOR">Vue3 script to script-setup</div>

diff --git a/playground/src/components/Monaco.vue b/playground/src/components/Monaco.vue
@@ -28,6 +28,13 @@ function setValue(value: string) {
   editor.value?.setValue(value)
 }
 
+watch([() => props.language, editor], ([language, editor]) => {
+  if (!editor?.getModel()) {
+    return
+  }
+  monaco.editor.setModelLanguage(editor.getModel()!, language);
+})
+
 onUnmounted(() => {
   editor.value?.dispose();
 });