Vue component for Piuma Image Optimizer ✌🏻🌉

yarn add https://github.com/piumaio/vue-piuma.git

import Piuma from 'vue-piuma'

Piuma.serverUrl = 'https://arysol.it/piuma/'

export default {
  components: {
    PrismEditor,
    Piuma
  },
  // ....
}

<template>
  <piuma src="YOUR URL" height="YOUR_HEIGHT" width="YOUR_WIDTH" quality="YOUR_QUALITY" />
</template>

You can also add the following properties

• alt: alternate text for image
• title: title of the image
• class: class attribute for the image

You can also use the composeUrl function to get a valid Piuma url

Piuma.composeUrl("YOUR_URL", width, height, quality)

width, height and quality are optional

yarn test:unit

Piuma Image Optimizer

MIT © piumaio