This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

snowpack-vue-svg-plugin

2.0.0 • Public • Published

snowpack-vue-svg-plugin

A Snowpack plugin to load SVG files as Vue components.

Plugin has built-in SVGO support for SVG optimization.

yarn add -D snowpack-vue-svg-plugin
npm install --save-dev snowpack-vue-svg-plugin
// snowpack.config.mjs
export default {
  plugins: [
    'snowpack-vue-svg-plugin'
  ]
}

Usage

// Component.vue
<template>
  <Logo />
</template>

<script>
import Logo from '../assets/logo.svg'

export default {
  components: {
    Logo
  }
}
</script>

Plugin Options

Name Type Description
input array File extension to transform (default: ['.svg'])
svgo boolean Toggle SVGO (default: true)
svgoConfig object SVGO config (default: {})

input

If you already have a plugin registered to load .svg files and want to keep using it in parallel to this plugin, you should overwrite the default input option.

// snowpack.config.mjs
export default {
  plugins: [
    ['snowpack-vue-svg-plugin', {
      input: ['.vue.svg']
    }]
  ]
}

svgo and svgoConfig

// snowpack.config.mjs
export default {
  plugins: [
    ['snowpack-vue-svg-plugin', {
      svgo: true,
      svgoConfig: {
        multipass: true
      }
    }]
  ]
}

Package Sidebar

Install

npm i snowpack-vue-svg-plugin

Weekly Downloads

7

Version

2.0.0

License

MIT

Unpacked Size

3.88 kB

Total Files

4

Last publish

Collaborators

  • igloczek