vue-file-drag-and-drop
Vue File drag and drop
Vue component that provides a convenient use of the HTML drag and drop interface.
Note: This component is may not ready for use in productive systems, use it carefully.
Usage
Install package
Npm
npm install @csalih/vue-file-drag-and-drop --registry=https://npm.pkg.github.com
Yarn
yarn add @csalih/vue-file-drag-and-drop --registry=https://npm.pkg.github.com
Use the Component
<template>
<vue-file-drag-and-drop />
</template>
<script>
// if you do have Tailwind 2 you don't need to import this css
import "vue-file-drag-and-drop/dist/vue-file-drag-and-drop.css";
import VueFileDragAndDrop from "vue-file-drag-and-drop";
export default {
name: "HelloWorld",
components: {
VueFileDragAndDrop,
},
};
</script>
Documentation
Need a documentation? Please create an issue.
Project setup
yarn install
Compiles and hot-reloads for development
yarn serve
Compiles and minifies for production
yarn build
Lints and fixes files
yarn lint
Customize configuration
Dependencies
@tailwindcss/postcss7-compat: ^2.0.2@vue/cli-plugin-babel: ~4.5.0@vue/cli-plugin-eslint: ~4.5.0@vue/cli-service: ~4.5.0autoprefixer: ^9babel-eslint: ^10.1.0core-js: ^3.6.5eslint: ^6.7.2eslint-config-prettier: ^8.3.0eslint-plugin-vue: ^6.2.2postcss: ^7prettier: 2.4.1tailwindcss: npm:@tailwindcss/postcss7-compat@^2.0.2vue: ^2.6.11vue-cli-plugin-tailwind: ~2.0.6vue-template-compiler: ^2.6.11