From a1d956ed6df09b3ac29d250edadd48a8ea1ca152 Mon Sep 17 00:00:00 2001
From: "Xing.Wu" <329106954@qq.com>
Date: Tue, 8 Jun 2021 13:34:45 +0800
Subject: [PATCH] feat(docs): card code for composition (#2155)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 无星 <32910694@qq.com>
---
 website/docs/en-US/card.md | 17 +++++++++++++++++
 website/docs/es/card.md    | 17 +++++++++++++++++
 website/docs/fr-FR/card.md | 17 +++++++++++++++++
 website/docs/jp/card.md    | 17 +++++++++++++++++
 website/docs/zh-CN/card.md | 17 +++++++++++++++++
 5 files changed, 85 insertions(+)

diff --git a/website/docs/en-US/card.md b/website/docs/en-US/card.md
index 67009e1792..902880c33a 100644
--- a/website/docs/en-US/card.md
+++ b/website/docs/en-US/card.md
@@ -124,6 +124,23 @@ export default {
   }
 }
 </script>
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const currentDate = ref(new Date());
+
+      return {
+        currentDate,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/es/card.md b/website/docs/es/card.md
index fa9f913919..462ec3faa6 100644
--- a/website/docs/es/card.md
+++ b/website/docs/es/card.md
@@ -126,6 +126,23 @@ export default {
   }
 }
 </script>
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const currentDate = ref(new Date());
+
+      return {
+        currentDate,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/fr-FR/card.md b/website/docs/fr-FR/card.md
index 3c253d71da..c2d9d907a1 100644
--- a/website/docs/fr-FR/card.md
+++ b/website/docs/fr-FR/card.md
@@ -125,6 +125,23 @@ export default {
   }
 }
 </script>
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const currentDate = ref(new Date());
+
+      return {
+        currentDate,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/jp/card.md b/website/docs/jp/card.md
index 971413217c..729af45b0f 100644
--- a/website/docs/jp/card.md
+++ b/website/docs/jp/card.md
@@ -124,6 +124,23 @@ export default {
   }
 }
 </script>
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const currentDate = ref(new Date());
+
+      return {
+        currentDate,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/zh-CN/card.md b/website/docs/zh-CN/card.md
index 072147795f..2457d870a3 100644
--- a/website/docs/zh-CN/card.md
+++ b/website/docs/zh-CN/card.md
@@ -125,6 +125,23 @@ export default {
   }
 }
 </script>
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const currentDate = ref(new Date());
+
+      return {
+        currentDate,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::