.vue-content-placeholders.Vue.js plugin for providing artificial content (Facebook like). It could be valuable as a placeholder while content is packing or records fetching to give better UX and reduced bounce cost.You can easily utilize it as every other element (plugin) for Vue jobs. For example:.Use.Setup.* by means of npm: 'npm set up vue-content-placeholders-- conserve'.* using anecdote: 'yarn add vue-content-placeholders'.Include the plugin in your main.js report.import Vue coming from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css documents is actually featured when importing the package deal. You might must system your bundler to embed the css in your page.In your design templates:.content-placeholders is actually the primary component as well as within 3 forms of content may exist.
For on call properties check out additionally below.
Result:.
Outcome:.Offered elements and also residential or commercial properties.origin.Boolean computer animated (nonpayment: real).Boolean pivoted (nonpayment: untrue) - boundary span.Boolean focused (default: incorrect).These residential or commercial properties determine how all youngsters components will act.
Boolean img (nonpayment: false).
Amount product lines (default: 4).That's it basically! This available source venture is under an MIT license.