.vue-content-placeholders.Vue.js plugin for leaving bogus information (Facebook like). It could be practical as a placeholder while information is packing or even records retrieving to give better UX and reduced bounce cost.You can easily use it as some other element (plugin) for Vue projects. For example:.Usage.Setup.* via npm: 'npm put in vue-content-placeholders-- save'.* via anecdote: 'yarn incorporate vue-content-placeholders'.Include the plugin in your main.js report.bring in Vue from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css documents is actually consisted of when importing the package. You might must arrangement your bundler to install the css in your webpage.In your templates:.content-placeholders is the primary element and within 3 kinds of information can exist.
For available residential or commercial properties look further below.
Result:.
Outcome:.On call elements and buildings.origin.Boolean computer animated (default: correct).Boolean pivoted (nonpayment: misleading) - boundary radius.Boolean centered (nonpayment: incorrect).These properties specify just how all children elements will certainly function.
Boolean img (nonpayment: incorrect).
Number collections (nonpayment: 4).That's it basically! This available resource project is under an MIT certificate.