New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

vue-filepond

Package Overview
Dependencies
Maintainers
1
Versions
34
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-filepond - npm Package Compare versions

Comparing version 0.0.1 to 1.0.0

index.vue

4

package.json
{
"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/)
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc