.vue-content-placeholders.Vue.js plugin for leaving fake web content (Facebook like). It could be beneficial as a placeholder while information is packing or even records bring to provide far better UX and lower bounce rate.You can easily use it as any other part (plugin) for Vue jobs. For instance:.Utilization.Installation.* through npm: 'npm install vue-content-placeholders-- save'.* through anecdote: 'yarn add vue-content-placeholders'.Consist of the plugin in your main.js data.bring in Vue coming from 'vue'.bring in VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is actually included when importing the plan. You might have to system your bundler to embed the css in your webpage.In your layouts:.content-placeholders is the principal element as well as within 3 sorts of content may exist.
For readily available properties have a look further listed below.
Result:.
Outcome:.On call components as well as residential or commercial properties.origin.Boolean animated (nonpayment: real).Boolean rounded (nonpayment: false) - border distance.Boolean based (default: false).These homes determine how all children elements are going to act.
Boolean img (default: false).
Number collections (default: 4).That's it basically! This open source project is under an MIT license.