diff --git a/website/docs/en-US/radio.md b/website/docs/en-US/radio.md
index b72dc93559..9c3c65a4e9 100644
--- a/website/docs/en-US/radio.md
+++ b/website/docs/en-US/radio.md
@@ -24,14 +24,15 @@ Radio should not have too many options. Otherwise, use the Select component inst
 </script>
 <!--
 <setup>
-  import { ref } from 'vue'
+  import { defineComponent, ref } from 'vue'
 
-  export default {
+  export default defineComponent({
     setup() {
-      const radio = ref('1');
-      return { radio }
+      return {
+        radio: ref('1'),
+      }
     }
-  }
+  })
 </setup>
 -->
 ```
@@ -59,17 +60,15 @@ Radio should not have too many options. Otherwise, use the Select component inst
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
       return {
         radio: ref('selected and disabled'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -99,17 +98,15 @@ Suitable for choosing from some mutually exclusive options.
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
       return {
         radio: ref(3),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -170,8 +167,8 @@ Radio with button styles.
 </script>
 <!--
 <setup>
+  import { defineComponent, ref } from 'vue'
 
-  import { defineComponent, ref } from 'vue';
   export default defineComponent({
     setup() {
       return {
@@ -179,10 +176,9 @@ Radio with button styles.
         radio2: ref('New York'),
         radio3: ref('New York'),
         radio4: ref('New York'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -229,8 +225,7 @@ Radio with button styles.
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
@@ -239,10 +234,9 @@ Radio with button styles.
         radio2: ref('1'),
         radio3: ref('1'),
         radio4: ref('1'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
diff --git a/website/docs/es/radio.md b/website/docs/es/radio.md
index 541f6ed7c1..3deb7f7575 100644
--- a/website/docs/es/radio.md
+++ b/website/docs/es/radio.md
@@ -22,14 +22,15 @@ El elemento Radio no debe tener muchas opciones. De otra manera, utilice el comp
 </script>
 <!--
 <setup>
-  import { ref } from 'vue'
+  import { defineComponent, ref } from 'vue'
 
-  export default {
+  export default defineComponent({
     setup() {
-      const radio = ref('1');
-      return { radio }
+      return {
+        radio: ref('1'),
+      }
     }
-  }
+  })
 </setup>
 -->
 ```
@@ -57,17 +58,15 @@ El atributo `disabled` es utilizado para deshabilitar un Radio.
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
       return {
         radio: ref('selected and disabled'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -97,17 +96,15 @@ Recomendado para seleccionar opciones que se excluyen mutuamente.
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
       return {
         radio: ref(3),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -168,8 +165,8 @@ Radio con estilo de botón.
 </script>
 <!--
 <setup>
+  import { defineComponent, ref } from 'vue'
 
-  import { defineComponent, ref } from 'vue';
   export default defineComponent({
     setup() {
       return {
@@ -177,10 +174,9 @@ Radio con estilo de botón.
         radio2: ref('New York'),
         radio3: ref('New York'),
         radio4: ref('New York'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -227,8 +223,7 @@ Radio con estilo de botón.
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
@@ -237,10 +232,9 @@ Radio con estilo de botón.
         radio2: ref('1'),
         radio3: ref('1'),
         radio4: ref('1'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
diff --git a/website/docs/fr-FR/radio.md b/website/docs/fr-FR/radio.md
index 685d6a1071..67109cfb83 100644
--- a/website/docs/fr-FR/radio.md
+++ b/website/docs/fr-FR/radio.md
@@ -24,14 +24,15 @@ Radio ne devrait pas avoir trop d'options. Dans ce cas utilisez plutôt Select.
 </script>
 <!--
 <setup>
-  import { ref } from 'vue'
+  import { defineComponent, ref } from 'vue'
 
-  export default {
+  export default defineComponent({
     setup() {
-      const radio = ref('1');
-      return { radio }
+      return {
+        radio: ref('1'),
+      }
     }
-  }
+  })
 </setup>
 -->
 ```
@@ -59,17 +60,15 @@ L'attribut `disabled` désactive le radio.
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
       return {
         radio: ref('selected and disabled'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -99,17 +98,15 @@ Utile pour choisir entre plusieurs groupes d'options mutuellement exclusives.
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
       return {
         radio: ref(3),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -170,8 +167,8 @@ Des radios affichés comme des boutons standards.
 </script>
 <!--
 <setup>
+  import { defineComponent, ref } from 'vue'
 
-  import { defineComponent, ref } from 'vue';
   export default defineComponent({
     setup() {
       return {
@@ -179,10 +176,9 @@ Des radios affichés comme des boutons standards.
         radio2: ref('New York'),
         radio3: ref('New York'),
         radio4: ref('New York'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -229,8 +225,7 @@ Des radios affichés comme des boutons standards.
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
@@ -239,10 +234,9 @@ Des radios affichés comme des boutons standards.
         radio2: ref('1'),
         radio3: ref('1'),
         radio4: ref('1'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
diff --git a/website/docs/jp/radio.md b/website/docs/jp/radio.md
index 1cdd256f43..bcaf7a0cf2 100644
--- a/website/docs/jp/radio.md
+++ b/website/docs/jp/radio.md
@@ -24,14 +24,15 @@
 </script>
 <!--
 <setup>
-  import { ref } from 'vue'
+  import { defineComponent, ref } from 'vue'
 
-  export default {
+  export default defineComponent({
     setup() {
-      const radio = ref('1');
-      return { radio }
+      return {
+        radio: ref('1'),
+      }
     }
-  }
+  })
 </setup>
 -->
 ```
@@ -59,17 +60,15 @@
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
       return {
         radio: ref('selected and disabled'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -99,17 +98,15 @@
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
       return {
         radio: ref(3),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -170,8 +167,8 @@
 </script>
 <!--
 <setup>
+  import { defineComponent, ref } from 'vue'
 
-  import { defineComponent, ref } from 'vue';
   export default defineComponent({
     setup() {
       return {
@@ -179,10 +176,9 @@
         radio2: ref('New York'),
         radio3: ref('New York'),
         radio4: ref('New York'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -229,8 +225,7 @@
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
@@ -239,10 +234,9 @@
         radio2: ref('1'),
         radio3: ref('1'),
         radio4: ref('1'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
diff --git a/website/docs/zh-CN/radio.md b/website/docs/zh-CN/radio.md
index 62c63d4e8e..e89b3883a3 100644
--- a/website/docs/zh-CN/radio.md
+++ b/website/docs/zh-CN/radio.md
@@ -25,14 +25,15 @@
 </script>
 <!--
 <setup>
-  import { ref } from 'vue'
+  import { defineComponent, ref } from 'vue'
 
-  export default {
+  export default defineComponent({
     setup() {
-      const radio = ref('1');
-      return { radio }
+      return {
+        radio: ref('1'),
+      }
     }
-  }
+  })
 </setup>
 -->
 ```
@@ -60,17 +61,15 @@
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
       return {
         radio: ref('选中且禁用'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -102,17 +101,15 @@
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
       return {
         radio: ref(3),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -173,8 +170,8 @@
 </script>
 <!--
 <setup>
+  import { defineComponent, ref } from 'vue'
 
-  import { defineComponent, ref } from 'vue';
   export default defineComponent({
     setup() {
       return {
@@ -182,10 +179,9 @@
         radio2: ref('上海'),
         radio3: ref('上海'),
         radio4: ref('上海'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```
@@ -232,8 +228,7 @@
 </script>
 <!--
 <setup>
-
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref } from 'vue'
 
   export default defineComponent({
     setup() {
@@ -242,10 +237,9 @@
         radio2: ref('1'),
         radio3: ref('1'),
         radio4: ref('1'),
-      };
-    },
-  });
-
+      }
+    }
+  })
 </setup>
 -->
 ```