.vue-content-placeholders.Vue.js plugin for making phony content (Facebook like). It can be useful as a placeholder while information is loading or data retrieving to deliver far better UX and also reduced bounce price.You may utilize it as any other element (plugin) for Vue tasks. For example:.Consumption.Installation.* by means of npm: 'npm put up vue-content-placeholders-- save'.* using yarn: 'yarn add vue-content-placeholders'.Feature the plugin in your main.js data.import Vue coming from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is included when importing the deal. You may have to configuration your bundler to embed the css in your webpage.In your layouts:.content-placeholders is the principal component as well as within 3 types of content may exist.
For offered buildings take a look additionally below.
End result:.
Outcome:.Available elements as well as homes.origin.Boolean computer animated (default: correct).Boolean rounded (nonpayment: misleading) - border distance.Boolean focused (nonpayment: inaccurate).These residential or commercial properties describe exactly how all little ones elements are going to function.
Boolean img (nonpayment: inaccurate).
Number lines (nonpayment: 4).That's it basically! This available resource task is under an MIT permit.