Tijdens het ontwikkelen van een project stuitte ik op een probleem: het eenvoudig inladen van SVG-iconen in een Vue-app, gebouwd met Vite. Om dit te vereenvoudigen, heb ik een Vite-plugin geschreven waarmee SVG-afbeeldingen als Vue-componenten kunnen worden geladen. Het bleek dat dit probleem door meer developers werd ervaren, want inmiddels wordt de library wekelijks meer dan 250.000 keer gedownload en gebruikt door grote organisaties zoals AWS, Figma en Cypress.
<script setup>
import MyIcon from './my-icon.svg'
</script>
<template>
<MyIcon />
</template>De library is te vinden op GitHub: https://github.com/jpkleemans/vite-svg-loader