Vue Image CDN SDK

npm install @convertly-sh/image

<script setup>
import { provideConvertlyCdn, ConvertlyImage } from "@convertly-sh/image/vue";

provideConvertlyCdn({
  namespace: import.meta.env.VITE_CONVERTLY_CDN_NAMESPACE,
});
</script>

<template>
  <ConvertlyImage
    origin="products"
    src="hero.jpg"
    :width="1200"
    :height="800"
    sizes="(min-width: 768px) 50vw, 100vw"
    alt="Featured product"
  />
</template>