.vue-content-placeholders.Vue.js plugin for providing bogus content (Facebook like). It could be helpful as a placeholder while content is loading or data fetching to offer better UX and lesser bounce fee.You can easily utilize it as every other element (plugin) for Vue projects. As an example:.Use.Installment.* via npm: 'npm install vue-content-placeholders-- save'.* using anecdote: 'anecdote incorporate vue-content-placeholders'.Feature the plugin in your main.js file.import Vue coming from 'vue'.import VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css data is featured when importing the plan. You may need to arrangement your bundler to embed the css in your web page.In your themes:.content-placeholders is actually the major component and also within 3 sorts of content can easily exist.
For accessible homes have a look better below.
End result:.
End result:.On call components and buildings.origin.Boolean cartoon (nonpayment: true).Boolean pivoted (default: misleading) - perimeter span.Boolean based (default: incorrect).These homes describe how all kids components will behave.
Boolean img (default: inaccurate).
Variety collections (default: 4).That's it essentially! This available resource project is under an MIT certificate.