From 6622b8ebc584ad7d1d1be70ebd70f087f863a8e9 Mon Sep 17 00:00:00 2001
From: wangshaoping <wspsc@163.com>
Date: Wed, 21 Feb 2024 09:41:25 +0800
Subject: [PATCH] update

---
 .../src/views/Codemirror.vue                  | 26 ++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/io.sc.platform.core.frontend/src/views/Codemirror.vue b/io.sc.platform.core.frontend/src/views/Codemirror.vue
index 5d79fb32..8feee994 100644
--- a/io.sc.platform.core.frontend/src/views/Codemirror.vue
+++ b/io.sc.platform.core.frontend/src/views/Codemirror.vue
@@ -1,8 +1,28 @@
 <template>
-  <w-codemirror v-model="value" lang="xml" style="height: 60px"></w-codemirror>
+  <!-- <w-codemirror
+    v-model="value"
+    lang="xml"
+    placeholder="Code goes here..."
+    :autofocus="false"
+    :tab-size="2"
+    :style="{ height: '200px', padding: '20px' }"
+  ></w-codemirror> -->
+  <div ref="codemirrorRef"></div>
 </template>
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, onMounted, onUnmounted } from 'vue';
+import { EditorView, basicSetup } from 'codemirror';
+import { javascript } from '@codemirror/lang-javascript';
 
-const value = ref('<xml><a name="name"></a>');
+const codemirrorRef = ref();
+
+onMounted(() => {
+  let view = new EditorView({
+    extensions: [basicSetup, javascript()],
+    parent: codemirrorRef.value,
+  });
+});
+
+onUnmounted(() => {});
+const value = ref('<xml><a name="name"></a></xml>');
 </script>