diff --git a/static/usage/v7/searchbar/basic/vue.md b/static/usage/v7/searchbar/basic/vue.md
index f50a9cb5a5f..ecf7ef4f252 100644
--- a/static/usage/v7/searchbar/basic/vue.md
+++ b/static/usage/v7/searchbar/basic/vue.md
@@ -7,12 +7,7 @@
   <ion-searchbar animated="true" placeholder="Animated"></ion-searchbar>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
   import { IonSearchbar } from '@ionic/vue';
-  import { defineComponent } from 'vue';
-
-  export default defineComponent({
-    components: { IonSearchbar },
-  });
 </script>
 ```