refactor: <ion-avatar />

Author: icarusgk

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

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

static/usage/v7/avatar/chip/vue.md

@@ -8,12 +8,7 @@
   </ion-chip>
 </template>
 
-<script lang="ts">
-  import { IonAvatar, IonChip, IonLabel } from '@ionic/vue';
-  import { defineComponent } from 'vue';
-
-  export default defineComponent({
-    components: { IonAvatar, IonChip, IonLabel },
-  });
+<script lang="ts" setup>
+import { IonAvatar, IonChip, IonLabel } from '@ionic/vue';
 </script>
 ```

static/usage/v7/avatar/item/vue.md

@@ -8,12 +8,7 @@
   </ion-item>
 </template>
 
-<script lang="ts">
-  import { IonAvatar, IonItem, IonLabel } from '@ionic/vue';
-  import { defineComponent } from 'vue';
-
-  export default defineComponent({
-    components: { IonAvatar, IonItem, IonLabel },
-  });
+<script lang="ts" setup>
+import { IonAvatar, IonItem, IonLabel } from '@ionic/vue';
 </script>
 ```

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

@@ -5,13 +5,8 @@
   </ion-avatar>
 </template>
 
-<script lang="ts">
-  import { IonAvatar } from '@ionic/vue';
-  import { defineComponent } from 'vue';
-
-  export default defineComponent({
-    components: { IonAvatar },
-  });
+<script lang="ts" setup>
+import { IonAvatar } from '@ionic/vue';
 </script>
 
 <style scoped>