docs: add Astro + Vue docs and example

unplugin / unplugin-icons

🤹 Access thousands of icons as components on-demand universally.

https://www.npmjs.com/package/unplugin-icons

MIT License

3.65k stars 131 forks source link

docs: add Astro + Vue docs and example #343

Open necrogoru opened 5 months ago

necrogoru commented 5 months ago

Description

Documentation and example for Astro with Vue.js

Linked Issues

Additional context

stackblitz[bot] commented 5 months ago

Run & review this pull request in StackBlitz Codeflow.

socket-security[bot] commented 5 months ago

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 commented 4 months ago

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 commented 3 months ago

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