feat_async-theme&add:vite-plugin-monaco-editor

package.json

@@ -37,6 +37,7 @@
     "postcss-nested": "^6.0.1",
     "typescript": "^4.7.4",
     "vite": "^4.4.2",
+    "vite-plugin-monaco-editor": "^1.0.10",
     "vue-tsc": "^1.8.3"
   }
 }

src/App.vue

@@ -12,8 +12,10 @@ const { getUser } = useUser();
 
 onBeforeMount(() => {
   getUser();
-  registerTheme();
-  changeTheme('le-dark');
+  setTimeout(() => {
+    registerTheme();
+    changeTheme('le-dark');
+  }, 1000);
 });
 </script>
 <style lang="postcss" scoped></style>

vite.config.ts

@@ -4,11 +4,21 @@ import vueJsx from '@vitejs/plugin-vue-jsx';
 import * as path from 'path';
 import * as fs from 'fs';
 import formidable from 'formidable';
+import monacoEditorPlugin from 'vite-plugin-monaco-editor';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   // assetsInclude: ['**/*.glb'],
-  plugins: [vue(), vueJsx(), fileList()],
+  plugins: [
+    vue(),
+    vueJsx(),
+    fileList(),
+    monacoEditorPlugin({
+      customDistPath: () => {
+        return 'v/monacoeditorwork';
+      },
+    }),
+  ],
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src/'),