diff --git a/website/docs/en-US/radio.md b/website/docs/en-US/radio.md
index e6e205f9f8..108cddebda 100644
--- a/website/docs/en-US/radio.md
+++ b/website/docs/en-US/radio.md
@@ -14,16 +14,26 @@ Radio should not have too many options. Otherwise, use the Select component inst
 </template>
 
 <script>
-  import { ref } from 'vue'
   export default {
-    setup() {
-      const radio = ref('1')
+    data () {
       return {
-        radio
-      }
+        radio: '1'
+      };
     }
   }
 </script>
+<!--
+<setup>
+  import { ref } from 'vue'
+
+  export default {
+    setup() {
+      const radio = ref('1');
+      return { radio }
+    }
+  }
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/es/radio.md b/website/docs/es/radio.md
index 329e0acddf..2fc7c4183e 100644
--- a/website/docs/es/radio.md
+++ b/website/docs/es/radio.md
@@ -20,6 +20,18 @@ El elemento Radio no debe tener muchas opciones. De otra manera, utilice el comp
     }
   }
 </script>
+<!--
+<setup>
+  import { ref } from 'vue'
+
+  export default {
+    setup() {
+      const radio = ref('1');
+      return { radio }
+    }
+  }
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/fr-FR/radio.md b/website/docs/fr-FR/radio.md
index 1e997a2fc6..d7a22098ad 100644
--- a/website/docs/fr-FR/radio.md
+++ b/website/docs/fr-FR/radio.md
@@ -22,6 +22,18 @@ Radio ne devrait pas avoir trop d'options. Dans ce cas utilisez plutôt Select.
     }
   }
 </script>
+<!--
+<setup>
+  import { ref } from 'vue'
+
+  export default {
+    setup() {
+      const radio = ref('1');
+      return { radio }
+    }
+  }
+</setup>
+-->
 ```
 :::
 
diff --git a/website/docs/jp/radio.md b/website/docs/jp/radio.md
index 46d178493d..fd0b0d1e66 100644
--- a/website/docs/jp/radio.md
+++ b/website/docs/jp/radio.md
@@ -22,6 +22,18 @@
     }
   }
 </script>
+<!--
+<setup>
+  import { ref } from 'vue'
+
+  export default {
+    setup() {
+      const radio = ref('1');
+      return { radio }
+    }
+  }
+</setup>
+-->
 ```
 :::