Vue. js plugin that allows you to pack CSS with your components

.vue-css.The Vue.js plugin made through @nxtchg, vue-css is created stashing applicable CSS along with.vue components, allowing you to pack CSS report along with your components.Vue parts should be stand-alone units along with whatever applicable ingrained inside. Sadly, Vue does not assist ingrained designs. You can easily make use of Webpack or Browserify, yet if you don’t desire to, at that point there is no ideal remedy.

This plugin inserts itself on top of Vue.component() as well as if there is a “style” found in element’s interpretation, it incorporates it to the web page. All CSS selectors are prefixed along with the label of the part to stay clear of problems.The CSS selectors are actually prefixed along with the name of the element, for instance:.Vue.component(‘ my-component’,.design template: ‘Hello, planet!’,.type: ‘span,.this-too font-color: reddish ‘. ).The above arrangement will definitely add.my-component span,.my-component.

this-too font-color: red to the page.Usage.The plugin can be used merely through including the ‘vue-css. js’ data into your task.That’s it give vue-css a go if you are looking for a substitute technique to support ingrained types in your jobs.