.vue-content-placeholders.Vue.js plugin for leaving bogus information (Facebook like). It may be useful as a placeholder while information is loading or even data retrieving to provide better UX and lower bounce rate.You can use it as any other part (plugin) for Vue projects. For instance:.Consumption.Installment.* by means of npm: 'npm mount vue-content-placeholders-- conserve'.* by means of yarn: 'anecdote incorporate vue-content-placeholders'.Include the plugin in your main.js documents.bring in Vue coming from 'vue'.bring in VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css data is actually featured when importing the plan. You might have to arrangement your bundler to embed the css in your web page.In your layouts:.content-placeholders is actually the principal component and within 3 sorts of content can exist.
For offered properties look even further below.
Outcome:.
Result:.Readily available parts and also properties.root.Boolean animated (default: true).Boolean rounded (nonpayment: untrue) - perimeter distance.Boolean centered (default: false).These properties define just how all children elements will certainly function.
Boolean img (default: false).
Amount lines (default: 4).That's it more or less! This available resource project is under an MIT permit.