setup monacoEditorPlugin

env.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="vite/client" />
 
 interface ImportMetaEnv {
-  readonly SW_PROXY_TARGET: string;
-  readonly drop_console: boolean;
+  readonly VITE_SW_PROXY_TARGET: string;
+  readonly VITE_DROP_CONSOLE: boolean;
 }
 
 interface ImportMeta {

src/vite-env.d.ts

@@ -14,6 +14,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 /// <reference types="vite/client" />
 declare module "*.vue" {
   import { defineComponent } from "vue";
@@ -28,9 +29,3 @@ declare global {
     axiosCancel: any;
   }
 }
-
-// declare module '*.vue' {
-//   import type { DefineComponent } from 'vue'
-//   const component: DefineComponent<{}, {}, any>
-//   export default component
-// }

tsconfig.json

@@ -28,6 +28,11 @@
     "lib": ["ESNext", "DOM"],
     "skipLibCheck": true,
     "noEmit": true,
+    "paths": {
+      "@/*": [
+       "./src/*"
+      ]
+     }
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]

vite.config.ts

@@ -22,8 +22,7 @@ import { loadEnv } from "vite";
 import AutoImport from "unplugin-auto-import/vite";
 import Components from "unplugin-vue-components/vite";
 import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
-// import monacoEditorPlugin from "vite-plugin-monaco-editor";
-
+import monacoEditorPlugin from "vite-plugin-monaco-editor";
 
 const OUTPUT_DIR = 'dist';
 // https://vitejs.dev/config/
@@ -33,7 +32,7 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
   return {
     plugins: [
       vue(),
-      // monacoEditorPlugin(null),
+      monacoEditorPlugin({}),
       AutoImport({
         imports: ["vue"],
         resolvers: [