feat(vuejs/vitepress#2596): support space contained in the filename f…

…or asset
Jeff-Tian · Jul 10, 2023 · 09c6a20 · 09c6a20
1 parent 788527e
commit 09c6a20
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/packages/compiler-sfc/__tests__/templateTransformAssetUrl.spec.ts b/packages/compiler-sfc/__tests__/templateTransformAssetUrl.spec.ts
@@ -166,4 +166,19 @@ describe('compiler sfc: transform asset url', () => {
     expect(code).toMatch(`_createStaticVNode`)
     expect(code).toMatchSnapshot()
   })
+
+  test('transform with stringify with space in absolute filename', () => {
+    const { code } = compileWithAssetUrls(
+      `<div>` + `<img src="/foo bar.png"/>` + `</div>`,
+      {
+        includeAbsolute: true
+      },
+      {
+        hoistStatic: true,
+        transformHoist: stringifyStatic
+      }
+    )
+    expect(code).toMatch(`_createElementVNode`)
+    expect(code).toContain(`import _imports_0 from '/foo bar.png'`)
+  })
 })
diff --git a/packages/compiler-sfc/src/template/transformAssetUrl.ts b/packages/compiler-sfc/src/template/transformAssetUrl.ts
@@ -168,7 +168,12 @@ function getImportsExpressionExp(
         loc,
         ConstantTypes.CAN_STRINGIFY
       )
-      context.imports.push({ exp, path })
+      // When path starts with /, for example, /foo/bar.png, it is an absolute file path
+      // In this case we need to ensure the path is not encoded
+      context.imports.push({
+        exp,
+        path: path && path[0] === '/' ? decodeURIComponent(path) : path
+      })
     }
 
     if (!hash) {