damianstasik / svg-to-vue Goto Github PK

View Code? Open in Web Editor NEW

31.0 1.0 14.0 499 KB

Utility to convert SVG code into Vue component definition

License: MIT License

JavaScript 100.00%

javascript vue svg nodejs

svg-to-vue's Introduction

svg-to-vue

Utility to convert SVG code into Vue component definition

Instalation

npm i svg-to-vue vue-template-compiler

yarn add svg-to-vue vue-template-compiler

Usage

const svgToVue = require('svg-to-vue');

const code = `
  <svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
    <rect width="100%" height="100%" fill="red" />
  </svg>
`;

// Promise
svgToVue(code)
  .then((component) => {
    // `component` contains Vue component definition
    console.log(component);
  });


// Async/await
const component = await svgToVue(code);

// `component` contains Vue component definition
console.log(component);

API

svgToVue(code, {
  svgoConfig: {
    plugins: [
      {
        prefixIds: true,
      },
    ],
  },
  svgoPath: 'some/path/to.svg',
});

Name	Type	Default value	Description
`svgoConfig`	`Object`/`Boolean`	`{}`	Configuration object passed to SVGO or `false` to disable optimization
`svgoPath`	`String`	`null`	Path to SVG file which is used by SVGO `prefixIds` plugin to generate unique IDs

svg-to-vue's People

Contributors

Stargazers

Watchers

Forkers

vince-roy telmaantunes menthol zhuzhuaicoding elisiondesign brianfryer natalya-semenova qoala-engineering geminii tofandel udhay-tw zae louise-loisel

svg-to-vue's Issues

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper App’s white list on Github. You'll find this list on your repo or organization’s settings page, under Installed GitHub Apps.

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

0.7.0 broken: Failed to mount component: template or render function not defined.

it seems there is no render function anymore, and therefore vue cannot mount the svg.

0.7.0 (broken):

0.6.0 (works):

[Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <Anonymous>
       <Anonymous>

Any idea what I can try to get it up and running again with the new version?

Thanks

Vue packages version mismatch:

[email protected]

[email protected]

damianstasik / svg-to-vue Goto Github PK

svg-to-vue's Introduction

svg-to-vue

Instalation

Usage

API

svg-to-vue's People

Contributors

Stargazers

Watchers

Forkers

svg-to-vue's Issues

Action required: Greenkeeper could not be activated 🚨

Action required: Greenkeeper could not be activated 🚨

0.7.0 broken: Failed to mount component: template or render function not defined.

0.4.0 version can't be transpiled by Babel

release of current master?

Package missmatch

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent