.vue-content-placeholders.Vue.js plugin for making fake content (Facebook like). It could be beneficial as a placeholder while content is loading or records getting to supply much better UX and also reduced bounce rate.You may utilize it as every other element (plugin) for Vue ventures. For instance:.Use.Installation.* through npm: 'npm install vue-content-placeholders-- conserve'.* via anecdote: 'yarn incorporate vue-content-placeholders'.Consist of the plugin in your main.js report.bring in Vue from 'vue'.bring in VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css documents is featured when importing the package deal. You might have to arrangement your bundler to install the css in your web page.In your templates:.content-placeholders is actually the main element as well as within 3 kinds of content may exist.
For offered residential properties have a look better listed below.
Result:.
Result:.Accessible components as well as residential properties.root.Boolean animated (default: true).Boolean rounded (nonpayment: inaccurate) - boundary radius.Boolean based (nonpayment: inaccurate).These homes specify just how all little ones elements are going to function.
Boolean img (nonpayment: false).
Number product lines (default: 4).That's it basically! This open source task is actually under an MIT permit.