.vue-content-placeholders.Vue.js plugin for rendering phony web content (Facebook like). It may be useful as a placeholder while web content is packing or even data getting to provide better UX and also lower bounce cost.You can easily utilize it as some other part (plugin) for Vue jobs. As an example:.Usage.Installation.* using npm: 'npm mount vue-content-placeholders-- spare'.* by means of yarn: 'anecdote include vue-content-placeholders'.Consist of the plugin in your main.js documents.import Vue coming from 'vue'.bring in VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is actually featured when importing the deal. You might have to system your bundler to embed the css in your page.In your templates:.content-placeholders is actually the primary part and also within 3 forms of web content can exist.
For readily available properties check out even further listed below.
Result:.
Outcome:.Offered parts and also properties.root.Boolean animated (default: accurate).Boolean rounded (default: incorrect) - perimeter span.Boolean based (default: incorrect).These properties describe how all kids components are going to act.
Boolean img (nonpayment: untrue).
Variety collections (nonpayment: 4).That's it basically! This open source project is under an MIT license.