github-actions[bot] e07c83bebe Release: uppy@4.8.0 (#5541) преди 4 месеца
..
src 9e69b7fc26 meta: enforce `.ts` extension for relative import types (#5393) преди 8 месеца
.gitignore a47090c2c6 meta: fix `yarn build:clean` преди 1 година
.npmignore 1f8ecd72cb @uppy/vue: migrate to Composition API with TS & drop Vue 2 support (#5043) преди 1 година
CHANGELOG.md e07c83bebe Release: uppy@4.8.0 (#5541) преди 4 месеца
LICENSE b082e54029 Vue integration (#2500) преди 4 години
README.md 71a6fcd956 Fix links (#5492) преди 5 месеца
package.json e07c83bebe Release: uppy@4.8.0 (#5541) преди 4 месеца
tsconfig.build.json 8f97fd61fa cleanup tsconfig (#5520) преди 5 месеца
tsconfig.json 1f8ecd72cb @uppy/vue: migrate to Composition API with TS & drop Vue 2 support (#5043) преди 1 година

README.md

@uppy/vue

npm version CI status for Uppy tests CI status for Companion tests CI status for browser tests

Vue component wrappers around Uppy’s officially maintained UI plugins.

Uppy is being developed by the folks at Transloadit, a versatile file encoding service.

Example

<template>
  <dashboard-modal
    :uppy="uppy"
    :open="open"
    :props="{
      onRequestCloseModal: handleClose,
    }"
  />
</template>

<script>
import Uppy from '@uppy/core'
import { DashboardModal } from '@uppy/vue'

export default {
  components: {
    DashboardModal,
  },
  computed: {
    uppy: () => new Uppy(),
  },
  data() {
    return {
      open: false,
    }
  },
  methods: {
    handleClose() {
      this.open = false
    },
  },
}
</script>

Installation

$ npm install @uppy/vue

Alternatively, you can also use this plugin in a pre-built bundle from Transloadit’s CDN: Smart CDN. In that case Uppy will attach itself to the global window.Uppy object. See the main Uppy documentation for instructions.

Documentation

Documentation for this plugin can be found on the Uppy website.

License

The MIT License.