.vue-content-placeholders.Vue.js plugin for making fake content (Facebook like). It could be valuable as a placeholder while information is actually loading or even data getting to deliver far better UX and lesser bounce price.You may use it as some other part (plugin) for Vue tasks. For example:.Use.Installment.* by means of npm: 'npm put in vue-content-placeholders-- conserve'.* by means of yarn: 'anecdote incorporate vue-content-placeholders'.Include the plugin in your main.js file.bring in Vue from 'vue'.import VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css documents is consisted of when importing the plan. You might must system your bundler to embed the css in your page.In your layouts:.content-placeholders is actually the main part and within 3 forms of web content can exist.
For offered properties look further listed below.
End result:.
Result:.On call elements as well as buildings.root.Boolean computer animated (nonpayment: correct).Boolean rounded (nonpayment: inaccurate) - boundary radius.Boolean centered (nonpayment: inaccurate).These properties specify exactly how all youngsters components will act.
Boolean img (default: misleading).
Variety product lines (nonpayment: 4).That's it essentially! This open source venture is under an MIT certificate.