fix build error

package.json

@@ -110,6 +110,7 @@
     "vite": "catalog:",
     "vite-plugin-dts": "catalog:",
     "vite-plugin-html": "catalog:",
+    "vite-plugin-inspect": "catalog:",
     "vite-plugin-vue-devtools": "catalog:",
     "vitest": "catalog:",
     "vue-component-type-helpers": "catalog:",
@@ -168,7 +169,7 @@
     "semver": "^7.7.2",
     "three": "^0.170.0",
     "tiptap-markdown": "^0.8.10",
-    "vue": "catalog:",
+    "vue": "https://pkg.pr.new/vuejs/core/vue@20b5240",
     "vue-i18n": "catalog:",
     "vue-router": "catalog:",
     "vuefire": "catalog:",

pnpm-workspace.yaml

@@ -35,7 +35,7 @@ catalog:
   '@types/node': ^20.14.8
   '@types/semver': ^7.7.0
   '@types/three': ^0.169.0
-  '@vitejs/plugin-vue': ^5.1.4
+  '@vitejs/plugin-vue': ^6.0.1
   '@vitest/coverage-v8': ^3.2.4
   '@vitest/ui': ^3.0.0
   '@vue/test-utils': ^2.4.6
@@ -63,6 +63,7 @@ catalog:
   knip: ^5.62.0
   lint-staged: ^15.2.7
   markdown-table: ^3.0.4
+  mixpanel-browser: ^2.71.0
   nx: 21.4.1
   picocolors: ^1.1.1
   pinia: ^2.1.7
@@ -85,20 +86,20 @@ catalog:
   vite: ^5.4.19
   vite-plugin-dts: ^4.5.4
   vite-plugin-html: ^3.2.2
+  vite-plugin-inspect: ^0.8.9
   vite-plugin-vue-devtools: ^7.7.6
   vitest: ^3.2.4
-  vue: ^3.5.13
-  vue-component-type-helpers: ^3.0.7
+  vue: https://pkg.pr.new/vuejs/core/vue@20b5240
+  vue-component-type-helpers: ^3.1.0
   vue-eslint-parser: ^10.2.0
   vue-i18n: ^9.14.3
   vue-router: ^4.4.3
-  vue-tsc: ^3.0.7
+  vue-tsc: ^3.1.1
   vuefire: ^3.2.1
   yjs: ^13.6.27
   zod: ^3.23.8
   zod-to-json-schema: ^3.24.1
   zod-validation-error: ^3.3.0
-  mixpanel-browser: ^2.71.0
 
 cleanupUnusedCatalogs: true
 

src/main.ts

@@ -8,7 +8,7 @@ import PrimeVue from 'primevue/config'
 import ConfirmationService from 'primevue/confirmationservice'
 import ToastService from 'primevue/toastservice'
 import Tooltip from 'primevue/tooltip'
-import { createApp } from 'vue'
+import { createApp, vaporInteropPlugin } from 'vue'
 import { VueFire, VueFireAuth } from 'vuefire'
 
 import { FIREBASE_CONFIG } from '@/config/firebase'
@@ -45,6 +45,7 @@ Sentry.init({
 })
 app.directive('tooltip', Tooltip)
 app
+  .use(vaporInteropPlugin) // Enable Vapor and vDOM mixed mode compatibility
   .use(router)
   .use(PrimeVue, {
     theme: {

src/renderer/extensions/vueNodes/components/LGraphNode.vue

@@ -117,7 +117,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" vapor>
 import { whenever } from '@vueuse/core'
 import { storeToRefs } from 'pinia'
 import { computed, inject, onErrorCaptured, onMounted, ref } from 'vue'

vite.config.mts

@@ -9,6 +9,7 @@ import Components from 'unplugin-vue-components/vite'
 import { defineConfig } from 'vite'
 import type { UserConfig } from 'vite'
 import { createHtmlPlugin } from 'vite-plugin-html'
+import Inspect from 'vite-plugin-inspect'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
 import { comfyAPIPlugin, generateImportMapPlugin } from './build/plugins'
@@ -114,13 +115,14 @@ export default defineConfig({
     ...(!DISABLE_VUE_PLUGINS
       ? [vueDevTools(), vue(), createHtmlPlugin({})]
       : [vue()]),
+    Inspect(),
     tailwindcss(),
     comfyAPIPlugin(IS_DEV),
     generateImportMapPlugin([
       {
         name: 'vue',
         pattern: 'vue',
-        entry: './dist/vue.esm-browser.prod.js'
+        entry: './dist/vue.runtime-with-vapor.esm-browser.prod.js'
       },
       {
         name: 'vue-i18n',