fix(markdown): replace double quotation marks in classname(fix #3152) (…

…#3154)

Co-authored-by: xuze <[email protected]>

packages/@vuepress/markdown/__tests__/__snapshots__/preWrapper.spec.js.snap

@@ -1,5 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`preWrapper should wrap code with double quotation marks 1`] = `
+<!--beforebegin-->
+<div class="language-js name='marks' extra-class">
+  <!--afterbegin--><pre><code class="language-js">new Vue()
+</code></pre>
+  <!--beforeend-->
+</div>
+<!--afterend-->
+`;
+
 exports[`preWrapper should wrap code with quadruple space 1`] = `
 <!--beforebegin-->
 <div class="language- extra-class">

packages/@vuepress/markdown/__tests__/fragments/code-prewrapper-with-double-quotation-marks.md

@@ -0,0 +1,3 @@
+``` js name="marks"
+new Vue()
+```

packages/@vuepress/markdown/__tests__/preWrapper.spec.js

@@ -21,4 +21,10 @@ describe('preWrapper', () => {
     expect(output1 === output2).toBe(false)
     expect(output2).toMatchSnapshot()
   })
+
+  test('should wrap code with double quotation marks', () => {
+    const input = getFragment(__dirname, 'code-prewrapper-with-double-quotation-marks.md')
+    const output2 = mdP.render(input)
+    expect(output2).toMatchSnapshot()
+  })
 })

packages/@vuepress/markdown/lib/preWrapper.js

@@ -12,7 +12,8 @@ module.exports = md => {
     const [tokens, idx] = args
     const token = tokens[idx]
     const rawCode = wrapped(...args)
-    return `<!--beforebegin--><div class="language-${token.info.trim()} extra-class">`
+    const tokenInfo = token.info.trim().replace(/\"/g, '\'')
+    return `<!--beforebegin--><div class="language-${tokenInfo} extra-class">`
     + `<!--afterbegin-->${rawCode}<!--beforeend--></div><!--afterend-->`
   }
   const { fence, code_block: codeBlock } = md.renderer.rules