diff --git a/docs/components/ripple/index.md b/docs/components/ripple/index.md
index 0abefb4fbd0e96f90950916124a6ac5f9d316842..0f7cf408c004e0cf1f7fb4f0fa1343cdfb5dc4f5 100644
--- a/docs/components/ripple/index.md
+++ b/docs/components/ripple/index.md
@@ -18,16 +18,6 @@
     </div>
   </div>
 </template>
-
-<script lang="ts">
-import { defineComponent, ref, reactive } from "vue";
-
-export default defineComponent({
-  setup() {
-    return {};
-  },
-});
-</script>
 <style scoped>
 .ripple-button {
   display: flex;
@@ -131,16 +121,6 @@ Button
     >
   </div>
 </template>
-
-<script lang="ts">
-import { defineComponent, ref, reactive } from "vue";
-
-export default defineComponent({
-  setup() {
-    return {};
-  },
-});
-</script>
 <style scoped>
 .ripple-button {
   display: flex;
@@ -170,23 +150,6 @@ Icon
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, ref, reactive } from "vue";
-
-export default defineComponent({
-  setup() {
-    return {};
-  },
-});
-</script>
-<style scoped>
-.ripple-button {
-    display: flex;
-}
-.ripple-icon {
-    padding： 25px;
-}
-</style>
 ```
 
 :::