docs: add Astro + Vue docs and example

[necrogoru]

Description

Documentation and example for Astro with Vue.js

Linked Issues

Additional context

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[socket-security]

New dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@astrojs/vue@4.0.8	Transitive: environment, eval, filesystem, network, shell, unsafe	+93	76.3 MB	fredkschott
npm/astro@4.3.5	Transitive: environment, eval, filesystem, network, shell	+69	64.3 MB	fredkschott, matthewp, natemoo-re

View full report↗︎

[braden-w]

This guide is amazing for Astro + Vue, icons were not working when imported in Vue components until I switched the compiler option from astro to vue3. I noticed that icons in astro components also work when the compiler is set to vue3. Is there any downside at all to keeping it as vue3 instead of astro?

[necrogoru]

@braden-w no, not for the moment. it works perfect for Vue components and Astro components, even using class attributes in the icon components.