diff --git a/packages/@vuepress/shared-utils/__tests__/fileToPath.spec.ts b/packages/@vuepress/shared-utils/__tests__/fileToPath.spec.ts
index 114048da55..34d5ad6d6f 100644
--- a/packages/@vuepress/shared-utils/__tests__/fileToPath.spec.ts
+++ b/packages/@vuepress/shared-utils/__tests__/fileToPath.spec.ts
@@ -1,14 +1,25 @@
 import fileToPath from '../src/fileToPath'
 
-test('fileToPath', () => {
+test('should return dirname of the path when it is index file ', () => {
   const asserts: Record<string, string> = {
     'README.md': '/',
+    'README.vue': '/',
     'foo/README.md': '/foo/',
-    'foo.md': '/foo.html',
-    'foo/bar.md': '/foo/bar.html'
+    'foo/README.vue': '/foo/'
   }
   Object.keys(asserts).forEach(file => {
     expect(fileToPath(file)).toBe(asserts[file])
   })
 })
 
+test('should return a path with .html suffix', () => {
+  const asserts: Record<string, string> = {
+    'foo.md': '/foo.html',
+    'foo.vue': '/foo.html',
+    'foo/bar.md': '/foo/bar.html',
+    'foo/bar.vue': '/foo/bar.html'
+  }
+  Object.keys(asserts).forEach(file => {
+    expect(fileToPath(file)).toBe(asserts[file])
+  })
+})
diff --git a/packages/@vuepress/shared-utils/__tests__/parseHeaders.spec.ts b/packages/@vuepress/shared-utils/__tests__/parseHeaders.spec.ts
index 623347751f..60ffc7afc0 100644
--- a/packages/@vuepress/shared-utils/__tests__/parseHeaders.spec.ts
+++ b/packages/@vuepress/shared-utils/__tests__/parseHeaders.spec.ts
@@ -2,8 +2,8 @@ import parseHeaders from '../src/parseHeaders'
 
 describe('parseHeaders', () => {
   test('should unescape html', () => {
-    const input = '&lt;div&gt;'
-    expect(parseHeaders(input)).toBe('<div>')
+    const input = `&lt;div :id=&quot;&#39;app&#39;&quot;&gt;`
+    expect(parseHeaders(input)).toBe(`<div :id="'app'">`)
   })
 
   test('should remove markdown tokens correctly', () => {
diff --git a/packages/@vuepress/shared-utils/__tests__/unescapeHtml.spec.ts b/packages/@vuepress/shared-utils/__tests__/unescapeHtml.spec.ts
index 0f53686155..2477506a87 100644
--- a/packages/@vuepress/shared-utils/__tests__/unescapeHtml.spec.ts
+++ b/packages/@vuepress/shared-utils/__tests__/unescapeHtml.spec.ts
@@ -1,7 +1,7 @@
 import unescapeHtml from '../src/unescapeHtml'
 
 test('should unescape html', () => {
-  const input = '&lt;div&gt;'
-  expect(unescapeHtml(input)).toBe('<div>')
+  const input = `&lt;div :id=&quot;&#39;app&#39;&quot;&gt;`
+  expect(unescapeHtml(input)).toBe(`<div :id="'app'">`)
 })