title

Author: mapsandapps

static/usage/v7/title/basic/vue.md

@@ -7,12 +7,7 @@
   </ion-header>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
   import { IonHeader, IonToolbar, IonTitle } from '@ionic/vue';
-  import { defineComponent } from 'vue';
-
-  export default defineComponent({
-    components: { IonHeader, IonToolbar, IonTitle },
-  });
 </script>
 ```

static/usage/v7/title/collapsible-large-title/basic/vue.md

@@ -39,12 +39,7 @@
   </ion-content>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
   import { IonContent, IonHeader, IonToolbar, IonTitle, IonList, IonItem } from '@ionic/vue';
-  import { defineComponent } from 'vue';
-
-  export default defineComponent({
-    components: { IonContent, IonHeader, IonToolbar, IonTitle, IonList, IonItem },
-  });
 </script>
 ```

static/usage/v7/title/collapsible-large-title/buttons/vue.md

@@ -45,12 +45,7 @@
   </ion-content>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
   import { IonContent, IonHeader, IonToolbar, IonTitle, IonList, IonItem, IonButtons, IonButton } from '@ionic/vue';
-  import { defineComponent } from 'vue';
-
-  export default defineComponent({
-    components: { IonContent, IonHeader, IonToolbar, IonTitle, IonList, IonItem, IonButtons, IonButton },
-  });
 </script>
 ```

static/usage/v7/title/theming/css-properties/vue.md

@@ -51,12 +51,7 @@
   </ion-content>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
   import { IonContent, IonHeader, IonToolbar, IonTitle, IonList, IonItem } from '@ionic/vue';
-  import { defineComponent } from 'vue';
-
-  export default defineComponent({
-    components: { IonContent, IonHeader, IonToolbar, IonTitle, IonList, IonItem },
-  });
 </script>
 ```