svg-loader-vue v1.1.3

Vue.js svg loader

Setup

package install

npm install --save svg-loader-vue

main.js

import { createApp } from 'vue'
import App from './App.vue'
import SvgLoader from 'svg-loader-vue'

const app = createApp(App)
app.use(SvgLoader)

Usage

In a component that needs to load an svg file, use it as follows.

<template>
    <svg-loader :svgFile='peopleSvg' />
</template>

<script>
    import people from '@/assets/people.svg'

    export default {
        data: function () {
            return {
                peopleSvg: people,
            }
        }
    }
</script>

Props

Styling must be set using props

<svg-loader 
    :svgFile='peopleSvg'
    width=100
    height=100
    fill='blue'
/>