From bb8cbe957eba8dcf5a09d256ba2abcce396d50c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Wed, 24 Jan 2024 03:11:39 +0800
Subject: [PATCH] fix: enable optimizing dependencies in build mode

---
 packages/jsx-explorer/src/index.ts   | 4 +++-
 packages/jsx-explorer/vite.config.ts | 8 ++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/jsx-explorer/src/index.ts b/packages/jsx-explorer/src/index.ts
index 4ada210..7873773 100644
--- a/packages/jsx-explorer/src/index.ts
+++ b/packages/jsx-explorer/src/index.ts
@@ -57,7 +57,9 @@ function main() {
     model: monaco.editor.createModel(
       decodeURIComponent(window.location.hash.slice(1)) ||
         persistedState.src ||
-        'const App = () => <div>Hello World</div>',
+        `import { defineComponent } from 'vue'
+
+const App = defineComponent((props) => <div>Hello World</div>)`,
       'typescript',
       monaco.Uri.parse('file:///app.tsx')
     ),
diff --git a/packages/jsx-explorer/vite.config.ts b/packages/jsx-explorer/vite.config.ts
index 3253531..952a289 100644
--- a/packages/jsx-explorer/vite.config.ts
+++ b/packages/jsx-explorer/vite.config.ts
@@ -4,6 +4,11 @@ import VueJSX from '@vitejs/plugin-vue-jsx';
 import MonacoEditorPlugin from 'vite-plugin-monaco-editor';
 
 export default defineConfig({
+  build: {
+    commonjsOptions: {
+      include: [],
+    },
+  },
   resolve: {
     alias: {
       '@vue/babel-plugin-jsx': '@vue/babel-plugin-jsx/src/index.ts',
@@ -21,4 +26,7 @@ export default defineConfig({
       },
     }),
   ],
+  optimizeDeps: {
+    disabled: false,
+  },
 });