dynamically load code editor...

Xyntopia · Jun 3, 2024 · 252df91 · 252df91
1 parent edef74d
commit 252df91
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git a/src/components/CodeEditor.vue b/src/components/CodeEditor.vue
@@ -17,15 +17,7 @@ import { useQuasar } from 'quasar';
 import { javascript } from '@codemirror/lang-javascript';
 import { oneDark } from '@codemirror/theme-one-dark';
 import { basicSetup } from 'codemirror';
-import { defineAsyncComponent } from 'vue';
-
-const Codemirror = defineAsyncComponent(
-  /* webpackPrefetch: true */
-  /* webpackChunkName: "codemirror" */
-  /* webpackMode: "lazy" */
-  /* webpackFetchPriority: "low" */
-  () => import('vue-codemirror')
-);
+import { Codemirror } from 'vue-codemirror';
 
 const content = defineModel<string | undefined>({
   required: true,

diff --git a/src/components/CreateNewTask.vue b/src/components/CreateNewTask.vue
@@ -296,7 +296,18 @@ import ObjectTreeView from './ObjectTreeView.vue';
 import type { ToolBase } from 'src/modules/taskyon/types';
 import taskSettingsButton from './taskSettingsButton.vue';
 import taskContentEdit from './taskContentEdit.vue';
-import CodeEditor from './CodeEditor.vue';
+//import CodeEditor from './CodeEditor.vue';
+
+import { defineAsyncComponent } from 'vue';
+
+const CodeEditor = defineAsyncComponent(
+  /* webpackPrefetch: true */
+  /* webpackChunkName: "codemirror" */
+  /* webpackMode: "lazy" */
+  /* webpackFetchPriority: "low" */
+  () => import('./CodeEditor.vue')
+);
+
 
 import {
   matSave,