.vue-content-placeholders.Vue.js plugin for leaving artificial content (Facebook like). It could be helpful as a placeholder while material is actually loading or data bring to deliver much better UX and also lesser bounce rate.You may use it as any other element (plugin) for Vue ventures. As an example:.Usage.Setup.* using npm: 'npm set up vue-content-placeholders-- spare'.* by means of anecdote: 'yarn include vue-content-placeholders'.Feature the plugin in your main.js report.bring in Vue from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css documents is actually consisted of when importing the bundle. You might have to arrangement your bundler to install the css in your webpage.In your templates:.content-placeholders is the primary part and within 3 forms of content can exist.
For readily available buildings take a look additionally below.
Outcome:.
Result:.On call components and also homes.root.Boolean computer animated (nonpayment: correct).Boolean pivoted (nonpayment: false) - border span.Boolean centered (nonpayment: untrue).These residential or commercial properties describe just how all children elements are going to behave.
Boolean img (nonpayment: false).
Variety collections (nonpayment: 4).That's it more or less! This open source venture is actually under an MIT certificate.