<template>
    <a ref="fancybox" style="display:block;" :href="src"><img style="height:32px;" :src="src" /></a>
</template>
<script>
    export default {
        props: ['value'],
        mounted: function () {
            $(this.$refs.fancybox).fancybox();
        },
        computed: {
            src: function () {
                return this.value || '/images/empty.svg';
            }
        }
    };</script>
