React

import Image from 'pimg';

render(<Image src="someURL" />, document.querySelector('.root'));

Preact

import Image from 'pimg/preact';

render(<Image src="someURL" />, document.querySelector('.root'));

Vue

Independently

<template>
    <pimg src="someURL" />
</template>

<script type="text/javascript">
    import pimg from 'pimg/vue';

    export default {
    components: {
            pimg
        }
    }
</script>

Globally

//------------------
// index.vue, maybe?
//------------------
import Vue from 'vue';
import pimg from 'pimg/vue';

Vue.component('pimg', pimg);

Cloudinary Images

We added a first class support for images hosted on cloudinary, so you don't have to do anything.