progressive-image-loading-upload-vue

How it works

This is component is using external npm package (axios, random-id, vue-bootstrap).

Upload Component

1. In a terminal

npm i progressive-image-loading-upload-vue --save

2. In your main.js

import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue);

3. In your vue Component

<template>
<upload apiKey="YOUR_API_KEY"></upload>
</template>

<script>
import upload from 'progressive-image-loading-upload-vue'

export default {
    components:{
      upload
    }
}
</script>

The project

Find the github repository here.