fix: console append

webfansplz · Jul 2, 2022 · bed0b13 · bed0b13
1 parent f7f97f2
commit bed0b13
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 17 deletions.
diff --git a/src/console.js b/src/console.js
@@ -1,6 +1,6 @@
 const warn = console.warn
 console.warn = function (...data) {
-  const skipMsgPrefix = "[Vue warn]: Extraneous non-props attributes ";
+  const skipMsgPrefix = "[Vue warn]: Extraneous non-props attributes "
   let msg = data[0] || ""
   if (msg.startsWith(skipMsgPrefix)) {
     msg = msg.replace(/\([^)]+\)/, function (match) {

diff --git a/src/index.ts b/src/index.ts
@@ -113,8 +113,13 @@ function VitePluginInspector(options: VitePluginInspectorOptions = DEFAULT_INSPE
       if (isJsx || isTpl)
         return compileSFCTemplate({ code, id: filename, type: isJsx ? "jsx" : "template", withComponent: normalizedOptions.withComponent })
 
-      if (normalizedOptions.appendTo && filename.endsWith(normalizedOptions.appendTo))
-        return { code: `${code}\nimport 'virtual:vue-inspector-path:load.js'` }
+      if (normalizedOptions.appendTo && filename.endsWith(normalizedOptions.appendTo)) {
+        const libs = ["import 'virtual:vue-inspector-path:load.js'"]
+        if (normalizedOptions.withComponent) {
+          libs.push("import 'virtual:vue-inspector-path:console.js'")
+        }
+        return `${code}\n${libs.join('\n')}`
+      }
 
       return code
     },
@@ -131,21 +136,18 @@ function VitePluginInspector(options: VitePluginInspectorOptions = DEFAULT_INSPE
     transformIndexHtml(html) {
       if (normalizedOptions.appendTo)
         return
-      const result: IndexHtmlTransformResult = {
-        html,
-        tags: [
-          {
-            tag: "script",
-            injectTo: "body",
-            attrs: {
-              type: "module",
-              src: "/@id/virtual:vue-inspector-path:load.js",
-            },
+      const tags = [
+        {
+          tag: "script",
+          injectTo: "body" as const,
+          attrs: {
+            type: "module",
+            src: "/@id/virtual:vue-inspector-path:load.js",
           },
-        ],
-      }
+        },
+      ]
       if (normalizedOptions.withComponent) {
-        result.tags.push({
+        tags.push({
           tag: "script",
           injectTo: "body",
           attrs: {
@@ -154,7 +156,7 @@ function VitePluginInspector(options: VitePluginInspectorOptions = DEFAULT_INSPE
           },
         })
       }
-      return result
+      return { html, tags }
     },
   }
 }