vue-svg-component-builder

This is a small utility library for creating directly-renderable VueJS components from SVG images. It is primarily designed to be used as a building block for other libraries which will handle the work of actually reading and parsing the SVGs into something usable by this library.

Installation

Simply run yarn add vue-svg-component-builder or npm install vue-svg-component-builder.

Usage

This library exports a single build function which takes in an SVG and returns a view component. Currently the only accepted format for the input is the AST output of vue-component-compiler

1import { build } from 'vue-svg-component-builder'
2import { compile } from 'vue-component-compiler'
3
4let svg = fs.readFileSync('filename.svg').toString()
5let compiled = compile(svg)
6
7Vue.extend({
8  components: {
9    TestSvg: build(compiled.ast)
10  }
11})