Convertir SVG en composant Vue

Non. La conversion se fait entièrement dans votre navigateur. Le fichier ne quitte jamais votre appareil – aucun serveur ne peut le voir. Une fois la page chargée, l'outil fonctionne même hors ligne.

Enregistrez le fichier à côté de votre code et importez-le : import MyIcon from "./MyIcon.vue"; Tout ce que vous passez au composant va à l'élément <svg>, donc <MyIcon class="h-6 w-6" aria-hidden="true" /> fonctionne comme prévu. Le composant porte le nom du fichier, en PascalCase.

Le balisage reste du SVG pur dans un <template> ; seuls le prologue XML, les commentaires et le DOCTYPE sont supprimés. Les attributs posés sur le composant passent à l'élément racine via v-bind="$attrs". Sauf si vous désactivez « Optimiser d'abord », le SVG passe aussi par le même optimiseur que « Optimiser un SVG », ce qui raccourcit nettement le code.

Les scripts, gestionnaires d'événements, images et feuilles de style externes sont supprimés avant de générer le composant – vous ne livrez jamais de code étranger par accident.