From: likui <2218301630@qq.com>
Date: Tue, 31 Mar 2020 22:13:59 +0000 (+0800)
Subject: fix(runtime-dom): v-cloak should be removed after compile on the root element (#893)
X-Git-Tag: v3.0.0-alpha.11~29
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=0ed147d33610b86af72cbadcc4b32e6069bcaf08;p=thirdparty%2Fvuejs%2Fcore.git

fix(runtime-dom): v-cloak should be removed after compile on the root element (#893)

fix #890
---

diff --git a/packages/runtime-dom/__tests__/directives/vCloak.spec.ts b/packages/runtime-dom/__tests__/directives/vCloak.spec.ts
new file mode 100644
index 0000000000..61de3c7642
--- /dev/null
+++ b/packages/runtime-dom/__tests__/directives/vCloak.spec.ts
@@ -0,0 +1,10 @@
+import { createApp } from '@vue/runtime-dom'
+
+describe('vCloak', () => {
+  test('should be removed after compile', () => {
+    const root = document.createElement('div')
+    root.setAttribute('v-cloak', '')
+    createApp({}).mount(root)
+    expect(root.hasAttribute('v-cloak')).toBe(false)
+  })
+})
diff --git a/packages/runtime-dom/src/index.ts b/packages/runtime-dom/src/index.ts
index 26b188f07e..5bebbcedb5 100644
--- a/packages/runtime-dom/src/index.ts
+++ b/packages/runtime-dom/src/index.ts
@@ -63,7 +63,9 @@ export const createApp = ((...args) => {
     }
     // clear content before mounting
     container.innerHTML = ''
-    return mount(container)
+    const proxy = mount(container)
+    container.removeAttribute('v-cloak')
+    return proxy
   }
 
   return app