.vue-content-placeholders.Vue.js plugin for making fake content (Facebook like). It can be helpful as a placeholder while web content is actually filling or data bring to offer far better UX and also reduced bounce rate.You may utilize it as any other element (plugin) for Vue tasks. For instance:.Consumption.Installation.* using npm: ‘npm mount vue-content-placeholders– spare’.* through anecdote: ‘anecdote include vue-content-placeholders’.Include the plugin in your main.js data.import Vue from ‘vue’.bring in VueContentPlaceholders from ‘vue-content-placeholders’.Vue.use( VueContentPlaceholders).A css report is actually featured when importing the plan.
You might must configuration your bundler to embed the css in your page.In your design templates:.content-placeholders is the main component and also within 3 types of material can easily exist. For accessible homes take a look additionally listed below. End result:.
Outcome:.Available components and residential or commercial properties.origin.Boolean computer animated (default: real).Boolean rounded (nonpayment: misleading) – perimeter radius.Boolean based (nonpayment: incorrect).These residential or commercial properties describe exactly how all little ones components will act. Boolean img (nonpayment: false). Variety series (default: 4).That’s it basically!
This available source task is actually under an MIT certificate.