.vue-content-placeholders.Vue.js plugin for rendering bogus web content (Facebook like). It could be valuable as a placeholder while information is actually packing or even data fetching to offer better UX and also reduced bounce rate.You can easily utilize it as any other part (plugin) for Vue tasks. For instance:.Use.Installation.* via npm: 'npm install vue-content-placeholders-- spare'.* by means of yarn: 'anecdote add vue-content-placeholders'.Consist of the plugin in your main.js report.bring in Vue coming from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is actually featured when importing the plan. You might must setup your bundler to embed the css in your web page.In your themes:.content-placeholders is actually the main element and within 3 sorts of content can exist.
For accessible residential or commercial properties take a look further below.
Result:.
Outcome:.Accessible parts and buildings.root.Boolean animated (default: correct).Boolean rounded (nonpayment: incorrect) - perimeter radius.Boolean based (nonpayment: false).These buildings determine how all kids components will behave.
Boolean img (default: false).
Number collections (nonpayment: 4).That's it more or less! This open resource venture is under an MIT certificate.