.vue-content-placeholders.Vue.js plugin for leaving phony web content (Facebook like). It can be helpful as a placeholder while content is actually filling or records fetching to deliver better UX and also lower bounce price.You can utilize it as every other component (plugin) for Vue ventures. As an example:.Consumption.Installation.* through npm: 'npm put in vue-content-placeholders-- spare'.* through anecdote: 'anecdote incorporate vue-content-placeholders'.Consist of the plugin in your main.js data.bring in Vue coming from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is included when importing the plan. You might need to system your bundler to embed the css in your page.In your design templates:.content-placeholders is actually the primary component and within 3 sorts of information can exist.
For available residential properties take a look further listed below.
Result:.
End result:.Available components and residential properties.root.Boolean computer animated (default: accurate).Boolean pivoted (default: false) - border radius.Boolean focused (nonpayment: false).These residential properties specify just how all little ones parts will definitely function.
Boolean img (default: misleading).
Variety lines (default: 4).That's it basically! This open source project is actually under an MIT license.