.vue-content-placeholders.Vue.js plugin for making phony content (Facebook like). It could be valuable as a placeholder while content is packing or even data getting to provide much better UX as well as lesser bounce fee.You can easily utilize it as any other part (plugin) for Vue projects. For instance:.Utilization.Installment.* through npm: 'npm mount vue-content-placeholders-- spare'.* via yarn: 'yarn include vue-content-placeholders'.Feature the plugin in your main.js data.import Vue from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is included when importing the deal. You may have to setup your bundler to embed the css in your webpage.In your layouts:.content-placeholders is actually the principal component and also within 3 types of content may exist.
For available homes have a look even further listed below.
Result:.
Result:.Accessible parts and homes.origin.Boolean computer animated (nonpayment: accurate).Boolean pivoted (nonpayment: incorrect) - boundary distance.Boolean based (nonpayment: false).These properties specify exactly how all children parts are going to function.
Boolean img (default: false).
Variety lines (nonpayment: 4).That's it basically! This open resource venture is actually under an MIT certificate.