diff --git a/website/docs/en-US/calendar.md b/website/docs/en-US/calendar.md
index d4bfa4372e..c1b7a7d258 100644
--- a/website/docs/en-US/calendar.md
+++ b/website/docs/en-US/calendar.md
@@ -18,6 +18,23 @@ Display date.
     }
   }
 </script>
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const value = ref(new Date());
+
+      return {
+        value,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/es/calendar.md b/website/docs/es/calendar.md
index e261ef9d9a..61b1ad11ca 100644
--- a/website/docs/es/calendar.md
+++ b/website/docs/es/calendar.md
@@ -18,6 +18,23 @@ Muestra fechas.
     }
   }
 </script>
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const value = ref(new Date());
+
+      return {
+        value,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/fr-FR/calendar.md b/website/docs/fr-FR/calendar.md
index 535e1c53c9..008328970f 100644
--- a/website/docs/fr-FR/calendar.md
+++ b/website/docs/fr-FR/calendar.md
@@ -18,6 +18,23 @@ Affiche un calendrier.
     }
   }
 </script>
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const value = ref(new Date());
+
+      return {
+        value,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/jp/calendar.md b/website/docs/jp/calendar.md
index 39da8b9621..0ffaf825ff 100644
--- a/website/docs/jp/calendar.md
+++ b/website/docs/jp/calendar.md
@@ -18,6 +18,23 @@
     }
   }
 </script>
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const value = ref(new Date());
+
+      return {
+        value,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/zh-CN/calendar.md b/website/docs/zh-CN/calendar.md
index 705a17e58f..143773f42f 100644
--- a/website/docs/zh-CN/calendar.md
+++ b/website/docs/zh-CN/calendar.md
@@ -18,6 +18,23 @@
     }
   }
 </script>
+<!--
+<setup>
+
+  import { defineComponent, ref } from 'vue';
+
+  export default defineComponent({
+    setup() {
+      const value = ref(new Date());
+
+      return {
+        value,
+      };
+    },
+  });
+
+</setup>
+-->
 ```
 :::