Sleep

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

.vue-css.The Vue.js plugin produced by @nxtchg, vue-css is actually made for saving applicable CSS along with.vue parts, enabling you to pack CSS documents along with your elements.Vue components must be actually stand-alone units with everything appropriate embedded within. However, Vue doesn't sustain inserted designs. You can easily use Webpack or even Browserify, yet if you do not intend to, then there is no suitable answer. This plugin inserts on its own atop Vue.component() and also if there is a "design" element current in part's definition, it incorporates it to the web page. All CSS selectors are prefixed with the title of the element to prevent conflicts.The CSS selectors are actually prefixed with the name of the element, for instance:.Vue.component(' my-component',.layout: 'Hello there, world!',.design: 'span,.this-too font-color: reddish '. ).The above setup is going to add.my-component span,.my-component. this-too font-color: reddish to the page.Consumption.The plugin can be utilized simply by adding the 'vue-css. js' report into your task.That's it offer vue-css a try if you are trying to find a substitute way to sustain ingrained styles in your ventures.