6.5.1 • Published 4 days ago
@uploadthing/vue v6.5.1
@uploadthing/vue
Learn more: docs.uploadthing.com
Example
// utils/uploadthing.ts
import {
generateUploadButton,
generateUploadDropzone,
generateVueHelpers,
} from "@uploadthing/vue";
export const UploadButton = generateUploadButton<OurFileRouter>();
export const UploadDropzone = generateUploadDropzone<OurFileRouter>();
export const { useUploadThing } = generateVueHelpers<OurFileRouter>();
<script setup lang="ts">
import type { OurFileRouter } from "server/uploadthing";
import { UploadButton, UploadDropzone } from "~/utils/uploadthing";
</script>
<template>
<main
class="flex min-h-screen flex-col items-center justify-center gap-16 p-24"
>
<div class="flex flex-col items-center justify-center gap-4">
<span class="text-center text-4xl font-bold">
Upload a file using a button:
</span>
<UploadButton
:config="{
endpoint: 'videoAndImage',
}"
/>
</div>
<div className="flex flex-col items-center justify-center gap-4">
<span className="text-center text-4xl font-bold">
...or using a dropzone:
</span>
<UploadDropzone
:config="{
endpoint: 'withMdwr',
}"
/>
</div>
</main>
</template>
6.5.1
4 days ago
6.5.1-canary.aba76c8
5 days ago
6.5.1-canary.f1b6619
6 days ago
6.5.1-canary.6a2ac4b
10 days ago
6.5.0
10 days ago
6.3.1-canary.c0e4c9a
24 days ago
6.3.1-canary.ba01273
24 days ago
6.3.1-canary.c75e752
24 days ago
6.3.1-canary.e867d3a
24 days ago
5.1.1-canary.109cc4f
8 months ago