.vue-content-placeholders.Vue.js plugin for rendering artificial content (Facebook like). It may be useful as a placeholder while content is filling or even data fetching to provide far better UX and also reduced bounce rate.You may utilize it as every other component (plugin) for Vue ventures. As an example:.Usage.Setup.* by means of npm: 'npm mount vue-content-placeholders-- spare'.* using yarn: 'yarn add vue-content-placeholders'.Include the plugin in your main.js report.import Vue from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is actually included when importing the deal. You may must configuration your bundler to install the css in your webpage.In your templates:.content-placeholders is the main element and within 3 kinds of material may exist.
For on call buildings have a look additionally listed below.
Result:.
Result:.Accessible elements and residential properties.origin.Boolean cartoon (nonpayment: true).Boolean pivoted (nonpayment: inaccurate) - perimeter radius.Boolean centered (default: inaccurate).These residential or commercial properties specify exactly how all little ones components will definitely behave.
Boolean img (nonpayment: incorrect).
Variety series (default: 4).That's it more or less! This open source task is under an MIT permit.