vue3-dummy - npm explorer

$3

Placeholder Images and Dummy Text for Vue3

vue3-dummy is a wrapper around the https://dummyjs.com/ library to expose placeholder Images and Dummy, Lorum Ipsum Text as a vue directive

Really hard work belongs to Paul Collett with original repository :https://github.com/paulcollett/vue-dummy

Usage

Add to your HTML page:

``

html





or, import into your module

npm install vue3-dummy --save-dev

js

import Vue from "vue"

import Vue3Dummy from "vue3-dummy"

CreateApp({}).use(Vue3Dummy).mount('#app')





Dummy Text

html





Choose the number of words:

html





Choose random amount of words between 3 & 10:

html





As a component:

html





Dummy Images

html

html





Use width & height attribues _or, size with CSS_

html





Defaults to the size of the parent container

html





Create random sized images. _Useful for testing dimentions of unknown sized user uploaded images_

html





As a component:

html





Special Elements



Using

v-dummy

 on some tags will result in some placeholder content with expected markup. This is useful in some cases like quick styling of elements

html





Example Repeat Elements



Combine with

v-for

 to repeat elements

html

  

    #{{i}}:

$3