Encode file path as URI + fix console display on Windows

Author: Akryum

src/devtools/views/components/ComponentInspector.vue

@@ -85,12 +85,14 @@ export default {
     },
     onTitleClick () {
       const file = this.target.file
+      // Console display
+      const fileName = file.replace(/\\/g, '\\\\')
       if (file) {
-        const src = `fetch('/__open-in-editor?file=${file}').then(response => {
+        const src = `fetch('/__open-in-editor?file=${encodeURI(file)}').then(response => {
           if (response.ok) {
-            console.log('File ${file} opened in editor')
+            console.log('File ${fileName} opened in editor')
           } else {
-            const msg = 'Opening component ${file} failed'
+            const msg = 'Opening component ${fileName} failed'
             if (__VUE_DEVTOOLS_TOAST__) {
               __VUE_DEVTOOLS_TOAST__(msg, 'error')
             } else {
@@ -116,4 +118,3 @@ export default {
   cursor pointer
   white-space nowrap
 </style>
-