Sleep

Composable elements for providing dynamic content like Facebook in Vue.js

.vue-content-placeholders.Vue.js plugin for making bogus content (Facebook like). It can be practical as a placeholder while information is packing or data retrieving to give better UX as well as reduced bounce price.You can easily use it as every other component (plugin) for Vue tasks. For example:.Utilization.Installation.* by means of npm: 'npm set up vue-content-placeholders-- conserve'.* through anecdote: 'anecdote add vue-content-placeholders'.Consist of the plugin in your main.js data.import Vue coming from 'vue'.import VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is consisted of when importing the plan. You might must arrangement your bundler to install the css in your web page.In your templates:.content-placeholders is actually the principal part and within 3 forms of content can easily exist.
For offered residential properties check out better below.
Result:.
Result:.On call elements and residential properties.origin.Boolean animated (nonpayment: correct).Boolean rounded (nonpayment: incorrect) - perimeter span.Boolean focused (default: incorrect).These buildings define just how all little ones parts will behave.
Boolean img (default: false).
Number collections (nonpayment: 4).That's it essentially! This available resource task is under an MIT license.