https://github.com/queue-inc/appshake-package-cloudinary-vue
https://github.com/queue-inc/appshake-package-cloudinary-vue
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/queue-inc/appshake-package-cloudinary-vue
- Owner: Queue-inc
- Created: 2018-11-14T09:21:04.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-11-19T04:23:58.000Z (over 7 years ago)
- Last Synced: 2025-01-26T06:25:06.140Z (over 1 year ago)
- Language: Vue
- Size: 5.86 KB
- Stars: 0
- Watchers: 5
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# appshake package cloudinary vue
## Installation
```
appshake package:add Queue-Inc/appshake-package-cloudinary-vue
```
## Setup environment variables
### Cloudinary variables
```
appshake set VUE_APP_CLOUDINARY_NAME your_cloudinary_name
```
```
appshake set VUE_APP_CLOUDINARY_UPLOAD_PRESET your_cloudinary_upload_preset
```
```
appshake set VUE_APP_CLOUDINARY_FOLDER your_cloudinary_folder_name
```
## Import to your view file
### Web
```App.vue
#app
cloudinary-button(
@start="startUpload"
@finish="finishUpload"
) upload
import CloudinaryButton from '@P/components/atoms/CloudinaryButton.vue'
export default {
components: {
CloudinaryButton
},
methods: {
startUpload () {
console.log('start uploading')
},
finishUpload () {
console.log('finish uploading')
}
}
}
```
### Admin
```App.vue
#app
cloudinary-album
import CloudinaryAlbum from '@P/components/organisms/CloudinaryAlbum.vue'
export default {
components: {
CloudinaryAlbum
}
}
```
## Classes
### web/src/packages/atoms/CloudinaryButton.vue
| Class name | target |
| :--- | ---: |
| .cloudinary-button | Upload button |
### admin/src/packages/organisms/CloudinaryAlbum.vue
| Class name | target |
| :--- | ---: |
| .cloudinary-album-wrapper | Album image |
## Events
### web/src/packages/atoms/CloudinaryButton.vue
| Event | target |
| :--- | ---: |
| start | Fire when the uploading started |
| finish | Fire when the uploading finished |