.vue-content-placeholders.Vue.js plugin for making artificial content (Facebook like). It could be valuable as a placeholder while material is loading or even data fetching to provide better UX and also reduced bounce rate.You can easily use it as any other component (plugin) for Vue ventures. As an example:.Use.Setup.* using npm: 'npm install vue-content-placeholders-- conserve'.* through yarn: 'yarn add vue-content-placeholders'.Consist of the plugin in your main.js data.import Vue from 'vue'.import VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is actually featured when importing the bundle. You may have to configuration your bundler to install the css in your page.In your templates:.content-placeholders is actually the main component and also within 3 kinds of material can exist.
For on call properties check out further below.
Result:.
Outcome:.Readily available elements and also residential properties.root.Boolean computer animated (default: true).Boolean pivoted (default: incorrect) - boundary radius.Boolean focused (nonpayment: untrue).These buildings describe exactly how all little ones elements are going to act.
Boolean img (default: untrue).
Variety series (default: 4).That's it essentially! This open source job is under an MIT certificate.