release v0.3.0

Author: webfansplz

example/vue2/package.json

@@ -14,7 +14,7 @@
     "sass": "^1.49.9",
     "typescript": "^4.5.2",
     "vite": "2.9.1",
-    "vite-plugin-vue-inspector": "0.2.7",
+    "vite-plugin-vue-inspector": "0.3.0",
     "vite-plugin-vue2": "^1.9.3"
   }
 }

example/vue3/package.json

@@ -15,6 +15,6 @@
     "sass": "^1.49.9",
     "typescript": "^4.5.2",
     "vite": "2.9.1",
-    "vite-plugin-vue-inspector": "0.2.7"
+    "vite-plugin-vue-inspector": "0.3.0"
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vue-inspector",
-  "version": "0.2.7",
+  "version": "0.3.0",
   "description": "jump to local IDE source code while click the element of browser automatically.",
   "keywords": [
     "vue",

src/index.ts

@@ -1,6 +1,6 @@
 import type { Plugin } from "vite"
 import { compileSFCTemplate } from "./compiler"
-import { parseVueRequest, normalizeOverlayScripts } from "./utils"
+import { parseVueRequest, normalizeOverlayScripts, getVueDepsBrowserHash } from "./utils"
 import { v2, v3 } from "./overlay/index.json"
 import { queryParserMiddleware, launchEditorMiddleware } from "./middleware"
 
@@ -32,8 +32,6 @@ 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: [{
@@ -46,7 +44,7 @@ function VitePluginInspector(options: VitePluginInspectorOptions = { vue: 3, ena
             type: "module",
           },
           children: normalizeOverlayScripts({
-            hash: browserHash,
+            hash: getVueDepsBrowserHash(server),
             scripts,
           }),
           injectTo: "body",

src/utils/index.ts

@@ -36,6 +36,14 @@ export function parseVueRequest(id: string) {
   }
 }
 
+export function getVueDepsBrowserHash(server: any) {
+  // below vite 2.9
+  if (server?._optimizeDepsMetadata?.browserHash)
+    return server._optimizeDepsMetadata.browserHash
+  else
+    return server?._optimizedDeps?.metadata?.optimized?.vue?.browserHash ?? ""
+}
+
 // vue.js deps add browserHash which that made hot reload work normal
 // e.g. node_modules/.vite/vue.js?v=9cc9e54f
 export function normalizeOverlayScripts({ hash, scripts }: { scripts: string; hash: string }) {