feat: introducing openInEditorHost option (#169)

Author: webfansplz

README.md

@@ -140,6 +140,12 @@ interface VitePluginVueDevToolsOptions {
    * }
   */
   analyze?: Partial<AnalyzeOptions>
+
+  /**
+  * Customize openInEditor host (e.g. http://localhost:3000)
+  * @default false
+  */
+  openInEditorHost?: string | false
 }
 ```
 

packages/node/README.md

@@ -140,6 +140,12 @@ interface VitePluginVueDevToolsOptions {
    * }
   */
   analyze?: Partial<AnalyzeOptions>
+
+  /**
+  * Customize openInEditor host (e.g. http://localhost:3000)
+  * @default false
+  */
+  openInEditorHost?: string | false
 }
 ```
 

packages/node/package.json

@@ -57,7 +57,7 @@
     "execa": "^7.1.1",
     "sirv": "^2.0.3",
     "vite-plugin-inspect": "^0.7.33",
-    "vite-plugin-vue-inspector": "^3.4.2"
+    "vite-plugin-vue-inspector": "^3.5.0"
   },
   "devDependencies": {
     "@types/node": "^20.4.4",

packages/node/src/vite.ts

@@ -42,11 +42,18 @@ export interface VitePluginVueDevToolsOptions {
    * }
   */
   analyze?: Partial<AnalyzeOptions>
+
+  /**
+  * Customize openInEditor host (e.g. http://localhost:3000)
+  * @default false
+  */
+  openInEditorHost?: string | false
 }
 
 const defaultOptions: DeepRequired<VitePluginVueDevToolsOptions> = {
   appendTo: '',
   analyze: analyzeOptionsDefault,
+  openInEditorHost: false,
 }
 
 function mergeOptions(options: VitePluginVueDevToolsOptions): DeepRequired<VitePluginVueDevToolsOptions> {
@@ -176,6 +183,8 @@ export default function VitePluginVueDevTools(options?: VitePluginVueDevToolsOpt
     VueInspector({
       toggleComboKey: '',
       toggleButtonVisibility: 'never',
+      openInEditorHost: pluginOptions.openInEditorHost,
+      ...(pluginOptions.appendTo ? { appendTo: pluginOptions.appendTo } : {}),
     }),
   ]
 }