vue-filepond
Advanced tools
Comparing version 0.0.1 to 1.0.0
{ | ||
"name": "vue-filepond", | ||
"version": "0.0.1", | ||
"version": "1.0.0", | ||
"description": " A handy FilePond adapter component for Vue", | ||
"homepage": "https://pqina.nl/filepond", | ||
"main": "index.js", | ||
"main": "index.vue", | ||
"dependencies": {}, | ||
@@ -8,0 +8,0 @@ "keywords": [ |
# Vue FilePond | ||
Placeholder package for Vue FilePond. | ||
Vue FilePond is a handy adapter component for [FilePond](https://github.com/pqina/filepond), a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. | ||
<img src="https://github.com/pqina/filepond-github-assets/blob/master/filepond-animation-01.gif?raw=true" width="370" alt=""/> | ||
Installation: | ||
```bash | ||
npm install vue-filepond --save | ||
``` | ||
Usage: | ||
```vue | ||
<template> | ||
<div id="app"> | ||
<FilePond | ||
name="test" | ||
labelIdle="Drop files here..." | ||
allow-multiple="true" | ||
v-bind:files="myFiles" | ||
v-on:init="handleFilePondInit"/> | ||
</div> | ||
</template> | ||
<script> | ||
// Import FilePond | ||
import FilePond, { registerPlugin } from 'vue-filepond'; | ||
// Register a plugin | ||
import FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type'; | ||
registerPlugin(FilePondPluginFileValidateType); | ||
export default { | ||
name: 'app', | ||
data: function() { | ||
return { myFiles: ['index.html'] }; | ||
}, | ||
methods: { | ||
handleFilePondInit: function() { | ||
console.log('FilePond has initialized'); | ||
} | ||
}, | ||
components: { | ||
FilePond | ||
} | ||
}; | ||
</script> | ||
``` | ||
[Read the docs for more information](https://pqina.nl/filepond/docs/patterns/frameworks/vue/) |
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
6246
0
54