.vue-content-placeholders.Vue.js plugin for making artificial web content (Facebook like). It could be valuable as a placeholder while content is packing or information retrieving to offer far better UX as well as reduced bounce cost.You can utilize it as any other component (plugin) for Vue jobs. For example:.Usage.Installment.* by means of npm: 'npm install vue-content-placeholders-- spare'.* through anecdote: 'yarn include vue-content-placeholders'.Consist of the plugin in your main.js file.bring in Vue from 'vue'.bring in VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is actually included when importing the deal. You might need to configuration your bundler to embed the css in your page.In your templates:.content-placeholders is actually the main component and within 3 types of material can easily exist.
For on call properties have a look better listed below.
Result:.
Result:.Offered components and also buildings.origin.Boolean cartoon (nonpayment: accurate).Boolean rounded (default: misleading) - border distance.Boolean based (nonpayment: false).These homes define how all little ones parts are going to function.
Boolean img (nonpayment: false).
Amount collections (default: 4).That's it essentially! This open source job is under an MIT certificate.