.vue-content-placeholders.Vue.js plugin for leaving fake web content (Facebook like). It may be beneficial as a placeholder while information is filling or even information bring to offer much better UX and lesser bounce rate.You can use it as some other part (plugin) for Vue projects. As an example:.Usage.Setup.* using npm: 'npm install vue-content-placeholders-- spare'.* by means of anecdote: 'yarn incorporate vue-content-placeholders'.Feature the plugin in your main.js documents.bring in Vue coming from 'vue'.import VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is actually consisted of when importing the package deal. You may have to arrangement your bundler to embed the css in your web page.In your design templates:.content-placeholders is the principal element and within 3 kinds of material may exist.
For readily available buildings check out even further listed below.
Result:.
End result:.Offered parts and residential or commercial properties.root.Boolean computer animated (nonpayment: true).Boolean pivoted (default: inaccurate) - border distance.Boolean based (nonpayment: untrue).These properties determine just how all kids elements will definitely function.
Boolean img (nonpayment: inaccurate).
Number product lines (nonpayment: 4).That's it basically! This open source task is under an MIT permit.