.vue-content-placeholders.Vue.js plugin for leaving phony content (Facebook like). It can be valuable as a placeholder while web content is loading or even information fetching to supply much better UX as well as lower bounce price.You may use it as some other component (plugin) for Vue jobs. As an example:.Use.Installation.* via npm: 'npm mount vue-content-placeholders-- spare'.* through yarn: 'anecdote add vue-content-placeholders'.Include the plugin in your main.js data.import Vue coming from 'vue'.bring in VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is actually featured when importing the plan. You may have to configuration your bundler to install the css in your webpage.In your design templates:.content-placeholders is the main element and within 3 sorts of information can exist.
For readily available residential properties look even further listed below.
End result:.
Outcome:.On call parts and also buildings.origin.Boolean cartoon (default: real).Boolean rounded (nonpayment: incorrect) - boundary span.Boolean centered (default: incorrect).These residential properties define how all little ones elements are going to function.
Boolean img (default: untrue).
Number series (default: 4).That's it essentially! This available resource project is under an MIT license.