@dtwojs/cloudinary

Cloudinary integration with for Dtwo

This is a module for version 3.X of Dtwo.

Features

• Dtwo 3 ready
• Useful CldImage, CldOgImage & CldVideoPlayer components
• Handy useCldImageUrl composable
• Automatically optimize images and deliver in modern formats
• Remove backgrounds from images
• Dynamically add image and text overlays to images

Quick Setup

1. Add @dtwojs/cloudinary dependency to your project

yarn add @dtwojs/cloudinary 
npm install @dtwojs/cloudinary

2. Add @dtwojs/cloudinary to the modules section of dtwo.config.ts

export default defineDtwoConfig({
  modules: ['@dtwojs/cloudinary'],
})

3. Create .env file with following CLOUDINARY_CLOUD_NAME variable:

CLOUDINARY_CLOUD_NAME=<YOUR_CLOUDINARY_CLOUD_NAME>

And that's it! You can now use Cloudinary in Dtwo ✨

<template>
  <CldImage
    src="cld-sample-5"
    width="987"
    height="987"
    alt="My Awesome Image"
  />
</template>

License

MIT License