Vue-and-devices-mocks NPM

Vue and Devices Mocks

Vector devices mockups Includes:

iphone
ipad
ipad-mini
mac-browser

Installation

npm install vue-and-devices-mocks # OR yarn add vue-and-devices-mocks

Basic usage

Import device component from vue-and-devices-mocks
Register it as component
Use it in your template
Add props and content

<template>
    <device v-bind="$data">
        // ... your awesome content here
    </device>
</template>

<script>
    import device from 'vue-and-devices-mocks'
    export default {
        components: {device},
        data() {
            return {
                type: 'iphone',
                scale: 7,
                width: null,
                height: null,
                skins: ['black', 'noShadow']
            }
        },
    }
</script>