feat(docs): container code for composition (#2161)

Co-authored-by: 无星 <32910694@qq.com>

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>
+-->
 ```
 :::
 

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>
+-->
 ```
 :::
 

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>
+-->
 ```
 :::
 

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>
+-->
 ```
 :::
 

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>
+-->
 ```
 :::