Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/diegopamio/vue-cloudinary

A Vue.js (https://github.com/vuejs/vue) plugin that offers a reusable directive to get image from Cloudinary (https://cloudinary.com)
https://github.com/diegopamio/vue-cloudinary

Last synced: about 2 months ago
JSON representation

A Vue.js (https://github.com/vuejs/vue) plugin that offers a reusable directive to get image from Cloudinary (https://cloudinary.com)

Lists

README 

        
# vue-cloudinary



> A [Vue.js](https://github.com/vuejs/vue) plugin that offers a reusable directive to get image from [cloudinary](https://cloudinary.com)



[![npm version](https://img.shields.io/npm/v/vue-cloudinary.svg)](https://www.npmjs.com/package/vue-cloudinary)



## Overview



This is a port of the angular-cloudinary library to VueJS.



## Use cases



- Show image from cloudinary



## Requirements



- vue: ^2.0.0



If you need a version for Vue 1, sorry, you'll need to do your own.



## Install



From npm:



``` sh

$ npm install vue-cloudinary --save

```



## Usage



app.js:

``` javascript

    

Vue.use(VueCloudinary, {

  "cloud_name": "",

  "api_key": "",

  "cdn_subdomain": true,

  ... (*)

});



```



(*) See [cloudinary documentation](https://cloudinary.com/documentation/solution_overview#configuration_parameters) for a complete list of the options available. 



index.html

```html



    



```

Further image manipulation options are listed in [this reference](http://cloudinary.com/documentation/image_transformations#reference).



Note that the attribute names in the docs are using snake_case, however this SDK supports both snake_case and kebab-case for attribute names, e.g. both fetch_format: 'auto' and 'fetch-format': 'auto' are eventually translated to f_auto.

## License



[MIT](https://opensource.org/licenses/MIT)