From fb8db3f3f79380aae4098fac9eebd62d6f60c2ee Mon Sep 17 00:00:00 2001
From: "Xing.Wu" <329106954@qq.com>
Date: Tue, 8 Jun 2021 13:31:14 +0800
Subject: [PATCH] feat(docs): container code for composition (#2161)
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/container.md | 24 ++++++++++++++++++++++++
 website/docs/es/container.md    | 24 ++++++++++++++++++++++++
 website/docs/fr-FR/container.md | 24 ++++++++++++++++++++++++
 website/docs/jp/container.md    | 24 ++++++++++++++++++++++++
 website/docs/zh-CN/container.md | 23 +++++++++++++++++++++++
 5 files changed, 119 insertions(+)

diff --git a/website/docs/en-US/container.md b/website/docs/en-US/container.md
index a554fa69e9..fa2afff0a1 100644
--- a/website/docs/en-US/container.md
+++ b/website/docs/en-US/container.md
@@ -220,6 +220,30 @@ These components use flex for layout, so please make sure your browser supports
     }
   };
 </script>
+
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const item = {
+        date: '2016-05-02',
+        name: 'Tom',
+        address: 'No. 189, Grove St, Los Angeles',
+      };
+
+      const tableData = ref(Array(20).fill(item));
+
+      return {
+        tableData,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/es/container.md b/website/docs/es/container.md
index f7c1dd1f2f..b7c25283ca 100644
--- a/website/docs/es/container.md
+++ b/website/docs/es/container.md
@@ -212,6 +212,30 @@ Estos componentes utilizan flex para el diseño, así que asegúrese que el nave
     }
   };
 </script>
+
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const item = {
+        date: '2016-05-02',
+        name: 'Tom',
+        address: 'No. 189, Grove St, Los Angeles',
+      };
+
+      const tableData = ref(Array(20).fill(item));
+
+      return {
+        tableData,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/fr-FR/container.md b/website/docs/fr-FR/container.md
index d599374af4..719a252973 100644
--- a/website/docs/fr-FR/container.md
+++ b/website/docs/fr-FR/container.md
@@ -220,6 +220,30 @@ Ces composants utilisent flexbox, assurez vous que le navigateur supporte cette
     }
   };
 </script>
+
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const item = {
+        date: '2016-05-02',
+        name: 'Tom',
+        address: 'No. 189, Grove St, Los Angeles',
+      };
+
+      const tableData = ref(Array(20).fill(item));
+
+      return {
+        tableData,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/jp/container.md b/website/docs/jp/container.md
index 089a73543d..dd7dc7cc98 100644
--- a/website/docs/jp/container.md
+++ b/website/docs/jp/container.md
@@ -220,6 +220,30 @@
     }
   };
 </script>
+
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const item = {
+        date: '2016-05-02',
+        name: 'Tom',
+        address: 'No. 189, Grove St, Los Angeles',
+      };
+
+      const tableData = ref(Array(20).fill(item));
+
+      return {
+        tableData,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/zh-CN/container.md b/website/docs/zh-CN/container.md
index e082b79b6e..d02836a10f 100644
--- a/website/docs/zh-CN/container.md
+++ b/website/docs/zh-CN/container.md
@@ -220,6 +220,29 @@
     }
   };
 </script>
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const item = {
+        date: '2016-05-02',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1518 弄',
+      };
+
+      const tableData = ref(Array(20).fill(item));
+
+      return {
+        tableData,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::