Etheryte / Nuxt Dropzone
Licence: mit
A Nuxt SSR-compatible Dropzone component.
Stars: ✭ 112
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Nuxt Dropzone
Cda Locale
Showing Microsoft Cloud Developer Advocates speaking, 2017 and 2018
Stars: ✭ 101 (-9.82%)
Mutual labels: nuxt
Quillcms
QuillCMS, A Content Management System build with Node.js, Express, Nuxt.js and MongoDB.
Stars: ✭ 96 (-14.29%)
Mutual labels: nuxt
Nuxt Storage
🛢 Utilities for easy read and write browser's storage in Nuxt.js project
Stars: ✭ 98 (-12.5%)
Mutual labels: nuxt
Content
Nuxt Content lets you write in a content/ directory and fetch your Markdown, JSON, YAML, XML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS
Stars: ✭ 1,311 (+1070.54%)
Mutual labels: nuxt
Dayjs Module
Official Day.js module for your Nuxt.js project.
Stars: ✭ 111 (-0.89%)
Mutual labels: nuxt
Nuxtdoc
A setup to build beautiful documentation with Nuxt and Storyblok deployed on Netlify for everyone
Stars: ✭ 100 (-10.71%)
Mutual labels: nuxt
Nuxt Netlify
Dynamically generate `_headers` and `_redirects` files for Netlify in your Nuxt.js projects
Stars: ✭ 97 (-13.39%)
Mutual labels: nuxt
Vue Svg Inline Loader
Webpack loader used for inline replacement of SVG images with actual content of SVG files in Vue projects.
Stars: ✭ 105 (-6.25%)
Mutual labels: nuxt
Vue Api Query
💎 Elegant and simple way to build requests for REST API
Stars: ✭ 1,528 (+1264.29%)
Mutual labels: nuxt
Infoboard
Infoboard showing time, weather, calendar events, photos from local folder or online sources as background and Transport for London status updates. Intended for Raspberry Pi, but should work on any machine with NodeJS available.
Stars: ✭ 111 (-0.89%)
Mutual labels: nuxt
nuxt-dropzone
A Nuxt SSR-compatible Dropzone component, internally powered by vue-dropzone.
Installation
npm i --save nuxt-dropzone
Usage
See the demo project.
<template>
<dropzone id="foo" ref="el" :options="options" :destroyDropzone="true"></dropzone>
</template>
<script>
import Dropzone from 'nuxt-dropzone'
import 'nuxt-dropzone/dropzone.css'
export default {
components: {
Dropzone
},
data() {
return {
// See https://rowanwins.github.io/vue-dropzone/docs/dist/index.html#/props
options: {
url: "http://httpbin.org/anything"
}
}
},
mounted() {
// Everything is mounted and you can access the dropzone instance
const instance = this.$refs.el.dropzone
}
}
</script>
See the vue-dropzone docs for futher configuration information.
Direct AWS S3 uploads are also supported.
Common issues and solutions
Issues & contributing
Please file any issues under Github issues, be sure to include your Nuxt release version as well as a minimal, complete, and verifiable example.
Contributions welcome, be sure to test the demo application with any changes before filing a pull request.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].