Cloudinary
Embed Cloudinary images easily through our standalone Cloudinary Web Component. Use this component with any of the following frontend frameworks:
- VueJS
- ReactJS
- Angular
- Natively with Web Component
🚀 Getting started
To install this component, you may install it through npm (or yarn):
npm install st-cloudinary
VueJS
To use this project with VueJS, install the npm dependency.
In your main.js
file, register the component:
;;; // Ignore the cloudinary component through the VueJS compilationVueconfigignoredElements = 'st-cloudinary'; // ... ;
Then in your components, use it like any normal component:
NuxtJS
To use this component with Nuxt, you can install directly the nuxt-st-cloudinary-module
to automatically inject
the plugin, plus some fixes related to NuxtJS (see Known issues).
npm install nuxt-st-cloudinary-module
// nuxt.config.jsmodules: 'nuxt-st-cloudinary-module'
🐛 Known issues
NuxtJS - Converting circular structure to JSON (toposort dependency)
To fix this issue, ensure all your dependencies are up to date.
If it does not fix the issue, remove the chunk sorting in our Nuxt configuration.
This is NOT required if you are using the nuxt-st-cloudinary-module
since it automatically add this fix for you.
build: /* ** You can extend webpack config here */ { // Run ESLint on save if ctxisDev && ctxisClient for let plugin of configplugins if pluginconstructorname === 'HtmlWebpackPlugin' pluginoptions = Object }
🤓 Development
You are interested in the development of this component? Great! To get started, fork it and set-up your development environment.
Running the dev server
npm installnpm start
Building for production
npm run build
Running tests
npm test
📄 License
This project is under the MIT license