.vue-content-placeholders.Vue.js plugin for leaving bogus information (Facebook like). It can be useful as a placeholder while web content is actually packing or data fetching to deliver better UX as well as reduced bounce price.You may use it as any other element (plugin) for Vue tasks. As an example:.Consumption.Installation.* via npm: 'npm put up vue-content-placeholders-- save'.* via yarn: 'anecdote incorporate vue-content-placeholders'.Feature the plugin in your main.js documents.bring in Vue from 'vue'.import VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css data is included when importing the package deal. You may need to configuration your bundler to embed the css in your page.In your layouts:.content-placeholders is actually the primary component as well as within 3 types of content can easily exist.
For on call homes look better listed below.
End result:.
Outcome:.Offered parts and buildings.origin.Boolean cartoon (default: accurate).Boolean rounded (nonpayment: inaccurate) - boundary distance.Boolean based (default: incorrect).These residential or commercial properties specify exactly how all little ones components will certainly function.
Boolean img (nonpayment: untrue).
Variety series (nonpayment: 4).That's it basically! This open source job is under an MIT permit.