From 380ed5260d6a674fdda2b3a94a43541b879a17dc Mon Sep 17 00:00:00 2001
From: likui <2218301630@qq.com>
Date: Tue, 31 Mar 2020 09:58:40 +0800
Subject: [PATCH] fix(runtime-dom): v-cloak should be removed after compile on
 the root element

fix #890
---
 .../runtime-dom/__tests__/directives/vCloak.spec.ts    | 10 ++++++++++
 packages/runtime-dom/src/index.ts                      |  4 +++-
 2 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 packages/runtime-dom/__tests__/directives/vCloak.spec.ts

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 00000000000..61de3c76426
--- /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 26b188f07e3..5bebbcedb56 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