⚒️ Vue CLI plugin that adds vue-svg-loader to enable usage of SVG files as Vue components

Last update: Dec 8, 2020

vue-cli-plugin-svg-loader

Vue SVG Loader Plugin for [email protected]

Install

If you haven't yet installed vue-cli 3, first follow the install instructions here: https://github.com/vuejs/vue-cli

Generate a project

vue create my-app

Install the plugin

cd my-app
vue add svg-loader

Configuration can be done in vue.config.js.

module.exports = {
  pluginOptions: {
    svgLoader: {
      svgo: { plugins: [{ removeViewBox: false }, { removeXMLNS: true }] }
    }
  }
};

GitHub

https://github.com/caseyjacobson/vue-cli-plugin-svg-loader
You might also like...

Vue CLI 3.x plugin. Quickly build basic development templates.

Vue CLI 3.x plugin. Quickly build basic development templates.

Nov 29, 2021

Vue CLI plugin that provides auto routing feature for multi pages

vue-cli-plugin-macula-auto-routing Vue CLI plugin that provides auto routing feature for multi pages(forked from ktsn/vue-cli-plugin-auto-routing). Ov

Jul 20, 2022

Monorepo Shared Code between NativeScript + Vue Vite + Vue CLI

Monorepo Shared Code between NativeScript + Vue Vite + Vue CLI

Nov 15, 2021

Quickly build an enterprise application with vue-cli and element-ui in seconds.

Quickly build an enterprise application with vue-cli and element-ui in seconds.

vue-cli-plugin-element Quickly build an enterprise application with vue-cli and element-ui in seconds. This project is not only a vue-cli plugin but a

Oct 17, 2020

Use Vite Today, with vue-cli

Use Vite Today, with vue-cli

Use Vite Today out-of-box for vue-cli projects without any codebase modifications. Table of Contents Usage Motivation Options Underlying principle Com

Aug 4, 2022

A CLI for generating component- and module templates in Vue.js.

vuejs-generate A CLI for generating component- and module templates in Vue.js. List of content Install Usage Generating Vue components Generating a Vu

Mar 24, 2021

a solution for installing vue-cli custom templates hosted on private/enterprise repositories

vue-cli-template-registry a solution for installing vue-cli custom templates hosted on private/enterprise repositories overview this is a command-line

Jul 30, 2020

development server for building vue-cli custom templates

development server for building vue-cli custom templates

vue-cli-template-dev-server development server for building vue-cli custom templates overview this package provides a simple, file-watching server to

Jul 30, 2020

Create Modular Router routes for Vue CLI 3

vue-cli-plugin-modular-router Create Modular Router routes for [email protected] Install If you haven't yet installed vue-cli 3, first follow the install in

Mar 23, 2022
Comments
  • 1. Adapt chainWebpack for older Edge versions

    Hey Casey, thanks for making this plugin, makes things much easier. I did run into one issue with older versions of Edge though. The issue is described for the svg loader here:
    https://github.com/visualfanatic/vue-svg-loader/issues/63

    Most users seem to gravitate towards this solution: https://github.com/visualfanatic/vue-svg-loader/issues/63#issuecomment-463114598 This one is also added to the vue-loader readme: https://github.com/visualfanatic/vue-svg-loader#vue-cli

    So if I understand how plugins work you might be able to adopt this in your index.js file? https://github.com/caseyjacobson/vue-cli-plugin-svg-loader/blob/master/index.js

    Reviewed by peteruithoven at 2020-08-08 09:42
vue-cli plugin that adds minimal docker deployment using nginx

vue-cli-plugin-docker-nginx having a node container running an express server seemed kind of overkill for serving a built vue-app This is a vue-cli-pl

Mar 5, 2022
Project using Vue CLI for improved development setup and exploring .vue files containing template, script, and style tags

Sample-Project-using-Vue-CLI-and-Intro-to-.Vue-Files Project using Vue CLI for improved development setup and exploring .vue files containing template

Jan 20, 2022
A Vue CLI Plugin to generate: components, views, routes and more

Vue CLI Plugin Generator is a Vue ClI plugin to generate (.vue)files in your project. For Example for scaffolding Vue Component files. The Plugin uses the buildin plugin generator of Vue CLI.

Jul 12, 2021
A Vue CLI plugin for trying out vue-next (experimental)

vue-cli-plugin-vue-next A Vue CLI plugin for trying out the Vue 3 beta. This is for preview purposes only. There might be bugs and undocumented behavi

Jul 22, 2022
Vue Cli 3 Cordova Plugin

vue-cli-plugin-cordova Vue CLI 3.x plugin for Apache Cordova. Integrate Cordova into Vue Cli App How To Create Vue App $ npm install -g @vue/cli $ vue

Aug 10, 2022
🛠️ vue-cli 3 plugin to create component
🛠️ vue-cli 3 plugin to create component

vue-cli-plugin-component component plugin for vue-cli project │ README.md │ LICENSE (optional) └───src │ ├── index.js │ └───components │

Jul 27, 2022
CodeceptJS plugin for Vue CLI
CodeceptJS plugin for Vue CLI

vue-cli-plugin-e2e-codeceptjs Hey, how about some end 2 end testing for your Vue apps? ?? Let's do it together! Vue, me, CodeceptJS & Puppeteer. ?? Br

Dec 6, 2021
A Vue CLI 3/4 Plugin for Capacitor

Vue CLI Plugin Capacitor Turn your Vue SPA into an Android or iOS app with Capacitor Install Open a terminal in the directory of a Vue CLI 3/4 project

Aug 11, 2022
A vue-cli plugin that automatically sets aliases
A vue-cli plugin that automatically sets aliases

vue-cli-plugin-auto-alias A vue-cli plugin that automatically sets aliases. According to the rootDirName and then auto generated directory alias Engli

Aug 26, 2020
Create Modular Vuex stores for Vue CLI 3 plugin

vue-cli-plugin-modular-vuex Create Modular Vuex stores for [email protected] Install If you haven't yet installed vue-cli 3, first follow the install instru

Oct 26, 2020