.vue-content-placeholders.Vue.js plugin for making fake content (Facebook like). It could be beneficial as a placeholder while information is actually loading or information getting to give much better UX and also reduced bounce price.You can use it as any other element (plugin) for Vue jobs. For instance:.Use.Setup.* via npm: 'npm mount vue-content-placeholders-- conserve'.* using yarn: 'yarn incorporate vue-content-placeholders'.Feature the plugin in your main.js report.import Vue from 'vue'.bring in VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is actually featured when importing the package deal. You might need to setup your bundler to embed the css in your page.In your themes:.content-placeholders is the major part as well as within 3 kinds of information can exist.
For available residential properties look further below.
End result:.
Result:.Accessible elements and also residential or commercial properties.origin.Boolean computer animated (nonpayment: correct).Boolean rounded (default: false) - boundary radius.Boolean focused (default: inaccurate).These residential properties determine just how all youngsters parts will act.
Boolean img (default: incorrect).
Variety product lines (nonpayment: 4).That's it more or less! This available resource task is under an MIT permit.