.vue-content-placeholders.Vue.js plugin for leaving phony web content (Facebook like). It may be useful as a placeholder while information is actually packing or even information getting to supply far better UX as well as reduced bounce rate.You can utilize it as any other component (plugin) for Vue tasks. For instance:.Use.Setup.* through npm: 'npm mount vue-content-placeholders-- spare'.* using anecdote: 'yarn incorporate vue-content-placeholders'.Feature the plugin in your main.js documents.bring in Vue coming from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css data is consisted of when importing the package deal. You might need to setup your bundler to embed the css in your page.In your design templates:.content-placeholders is actually the primary component and also within 3 sorts of content may exist.
For on call properties look even further below.
Result:.
End result:.Accessible components and homes.origin.Boolean computer animated (nonpayment: real).Boolean rounded (default: untrue) - border span.Boolean centered (nonpayment: inaccurate).These properties determine just how all little ones parts will certainly act.
Boolean img (default: misleading).
Number product lines (nonpayment: 4).That's it basically! This available source venture is actually under an MIT permit.