From b70aa0a9a06eae8a1447cb4aa96799482b1de5b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Fri, 24 Nov 2023 15:40:38 +0800
Subject: [PATCH] feat: v-cloak

---
 README.md                                | 2 +-
 packages/compiler-vapor/src/transform.ts | 4 ++++
 playground/src/App.vue                   | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index bb207d502..0b0edbd82 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,7 @@ See the To-do list below or `// TODO` comments in code (`compiler-vapor` and `ru
   - [x] `v-html`
   - [x] `v-text`
   - [x] `v-pre`
-  - [ ] `v-cloak`
+  - [x] `v-cloak`
   - [ ] `v-on` / `v-bind`
     - [x] simple expression
     - [ ] compound expression
diff --git a/packages/compiler-vapor/src/transform.ts b/packages/compiler-vapor/src/transform.ts
index d529b8304..3ce7ff375 100644
--- a/packages/compiler-vapor/src/transform.ts
+++ b/packages/compiler-vapor/src/transform.ts
@@ -385,6 +385,10 @@ function transformProp(
       ctx.once = true
       break
     }
+    case 'cloak': {
+      // do nothing
+      break
+    }
   }
 }
 
diff --git a/playground/src/App.vue b/playground/src/App.vue
index df8ef70cb..d153fd504 100644
--- a/playground/src/App.vue
+++ b/playground/src/App.vue
@@ -33,6 +33,7 @@ globalThis.html = html
     <div v-text="html" />
     <div v-once>once: {{ count }}</div>
     <div v-pre>{{ count }}</div>
+    <div v-cloak>{{ count }}</div>
   </div>
 </template>