docs(vue): refactor vue code snippets to use <script setup>

[icarusgk]

This PR aims to replace Vue's code snipets found in the docs that use the setup() function to use the more succint <script setup> syntax as discussed here: #3070 😄

The following components are to be refactored:

• avatar
• back-button
• backdrop
• badge
• breadcrumbs
• button
• card
• checkbox
• chip
• content
• datetime
• fab
• footer
• grid
• header
• icon
• img
• infinite-scroll
• input
• item
• item-divider
• item-group
• item-sliding
• label
• list
• list-header
• loading
• menu
• nav (nav-link only, not modal-navigation)
• note
• picker
• popover
• progress-bar
• radio
• range
• refresher
• reorder
• ripple-effect
• searchbar
• segment
• segment-button
• select
• skeleton-text
• spinner
• split-pane
• tabs
• text
• textarea
• thumbnail
• title
• toast
• toggle
• toolbar

Other:

• animations
• gestures
• theming

[vercel]

@icarusgk is attempting to deploy a commit to the Ionic Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ionic-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 26, 2023 7:42pm

[mapsandapps]

Hi, @icarusgk. Thanks for working on this! You can go ahead and open this PR now for these two components and then create additional PRs to work on migrating the docs for other components as/if you have time. We'd like to go ahead and merge completed ones in small batches like this. Thanks!