fix: deps browser hash compatibility

Author: webfansplz

example/vue2/package.json

@@ -13,7 +13,7 @@
   "devDependencies": {
     "sass": "^1.49.9",
     "typescript": "^4.5.2",
-    "vite": "^2.7.1",
+    "vite": "2.9.1",
     "vite-plugin-vue-inspector": "0.2.5",
     "vite-plugin-vue2": "^1.9.3"
   }

example/vue3/package.json

@@ -14,7 +14,7 @@
     "@vue/compiler-sfc": "^3.2.24",
     "sass": "^1.49.9",
     "typescript": "^4.5.2",
-    "vite": "^2.7.1",
+    "vite": "2.9.1",
     "vite-plugin-vue-inspector": "0.2.5"
   }
 }

src/index.ts

@@ -32,6 +32,8 @@ function VitePluginInspector(options: VitePluginInspectorOptions = { vue: 3, ena
       server.middlewares.use(launchEditorMiddleware)
     },
     transformIndexHtml(html, { server }) {
+      const _server = server as any
+      const browserHash = _server?._optimizedDeps?.metadata?.browserHash ?? _server?._optimizeDepsMetadata?.browserHash ?? ""
       return {
         html,
         tags: [{
@@ -44,7 +46,7 @@ function VitePluginInspector(options: VitePluginInspectorOptions = { vue: 3, ena
             type: "module",
           },
           children: normalizeOverlayScripts({
-            hash: (server as any)._optimizeDepsMetadata.browserHash,
+            hash: browserHash,
             scripts,
           }),
           injectTo: "body",