.vue-content-placeholders.Vue.js plugin for leaving fake information (Facebook like). It may be valuable as a placeholder while content is actually packing or even data bring to supply much better UX and also lower bounce rate.You can utilize it as every other element (plugin) for Vue jobs. As an example:.Usage.Installment.* via npm: 'npm put in vue-content-placeholders-- spare'.* using yarn: 'anecdote include vue-content-placeholders'.Include the plugin in your main.js file.import Vue coming from 'vue'.import VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is actually included when importing the plan. You might must system your bundler to install the css in your webpage.In your templates:.content-placeholders is the primary element and within 3 sorts of web content may exist.
For readily available residential properties look even further listed below.
End result:.
Result:.Readily available components and also residential properties.root.Boolean animated (nonpayment: accurate).Boolean pivoted (nonpayment: incorrect) - perimeter distance.Boolean focused (default: misleading).These buildings determine how all children elements will act.
Boolean img (default: untrue).
Number lines (nonpayment: 4).That's it basically! This open source venture is actually under an MIT certificate.