From d4c9063b4cb4b6a5ceccb883844e7ed2c6915837 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Tue, 14 Sep 2021 11:12:06 -0400
Subject: [PATCH] test: add v-cloak case

---
 index.html       |  1 +
 tests/cloak.html | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 tests/cloak.html

diff --git a/index.html b/index.html
index 10fa4b4..2a1fac5 100644
--- a/index.html
+++ b/index.html
@@ -22,6 +22,7 @@ <h2>Tests</h2>
   <li><a href="/tests/html.html">v-html</a></li>
   <li><a href="/tests/text.html">v-text</a></li>
   <li><a href="/tests/pre.html">v-pre</a></li>
+  <li><a href="/tests/cloak.html">v-cloak</a></li>
   <li><a href="/tests/reactive.html">reactive</a></li>
   <li><a href="/tests/multi-mount.html">Multi mount</a></li>
   <li><a href="/tests/custom-delimiters.html">Custom delimiters</a></li>
diff --git a/tests/cloak.html b/tests/cloak.html
new file mode 100644
index 0000000..82a4f13
--- /dev/null
+++ b/tests/cloak.html
@@ -0,0 +1,18 @@
+<script type="module">
+  import { createApp } from '../src'
+  createApp({
+    msg: 'content',
+    hide: false
+  }).mount()
+</script>
+
+<div v-scope v-cloak>
+  <div v-cloak v-if="!hide">{{ msg }}</div>
+  <button @click="hide = !hide">toggle</button>
+</div>
+
+<style>
+  [v-cloak] {
+    display: none;
+  }
+</style>
\ No newline at end of file