.vue-content-placeholders.Vue.js plugin for leaving phony web content (Facebook like). It can be helpful as a placeholder while information is packing or information retrieving to supply much better UX as well as reduced bounce price.You can utilize it as every other part (plugin) for Vue tasks. As an example:.Utilization.Installment.* by means of npm: 'npm install vue-content-placeholders-- conserve'.* using yarn: 'yarn incorporate vue-content-placeholders'.Feature the plugin in your main.js data.import Vue coming from 'vue'.import VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is actually featured when importing the package deal. You might need to setup your bundler to embed the css in your page.In your layouts:.content-placeholders is the main element and within 3 sorts of web content can easily exist.
For offered residential properties have a look additionally below.
End result:.
Result:.Available parts and also homes.origin.Boolean cartoon (nonpayment: real).Boolean rounded (default: misleading) - perimeter radius.Boolean based (default: incorrect).These properties specify how all children parts will certainly behave.
Boolean img (nonpayment: false).
Amount product lines (nonpayment: 4).That's it essentially! This open resource task is under an MIT permit.