From 2e81cbcf59a812a6da0340d65488ee7ecdd6298f Mon Sep 17 00:00:00 2001
From: Treigh Mawaka <92684310+treighmawaka@users.noreply.github.com>
Date: Sun, 28 Jan 2024 12:32:42 +0100
Subject: [PATCH] docs(vue): streamline usage example with script setup syntax

---
 static/usage/v7/searchbar/cancel-button/vue.md | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/static/usage/v7/searchbar/cancel-button/vue.md b/static/usage/v7/searchbar/cancel-button/vue.md
index d3f85859011..437d028e611 100644
--- a/static/usage/v7/searchbar/cancel-button/vue.md
+++ b/static/usage/v7/searchbar/cancel-button/vue.md
@@ -11,16 +11,8 @@
   ></ion-searchbar>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
   import { IonSearchbar } from '@ionic/vue';
-  import { defineComponent } from 'vue';
   import { trash } from 'ionicons/icons';
-
-  export default defineComponent({
-    components: { IonSearchbar },
-    setup() {
-      return { trash };
-    },
-  });
 </script>
 ```