fix(vue): fix file upload demo

frameworks/vue/src/components/file-upload/examples/basic.vue

@@ -4,9 +4,8 @@ import { FileUpload } from '../..'
 
 <template>
   <FileUpload.Root :maxFiles="5">
-    <FileUpload.Dropzone>
-      <FileUpload.Label>Drag your file(s) here</FileUpload.Label>
-    </FileUpload.Dropzone>
+    <FileUpload.Label>File Upload</FileUpload.Label>
+    <FileUpload.Dropzone>Drop your files here</FileUpload.Dropzone>
     <FileUpload.Trigger>Choose file(s)</FileUpload.Trigger>
     <FileUpload.ItemGroup>
       <FileUpload.Context v-slot="{ acceptedFiles }">

frameworks/vue/src/components/file-upload/file-upload-item-preview-image.vue

@@ -5,7 +5,7 @@ export interface FileUploadItemPreviewImageProps extends PolymorphicProps {}
 </script>
 
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { ref } from 'vue'
 import { ark } from '../factory'
 import { useFileUploadContext } from './use-file-upload-context'
 import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context'
@@ -15,7 +15,7 @@ const fileUpload = useFileUploadContext()
 const itemProps = useFileUploadItemPropsContext()
 const url = ref<string>('')
 
-computed(() => fileUpload.value.createFileUrl(itemProps.file, (src) => (url.value = src)))
+fileUpload.value.createFileUrl(itemProps.file, (src) => (url.value = src))
 </script>
 
 <template>

frameworks/vue/src/components/file-upload/file-upload-item.vue

@@ -1,6 +1,7 @@
 <script lang="ts">
 import type { ItemProps } from '@zag-js/file-upload'
 import type { PolymorphicProps } from '../factory'
+import { FileUploadItemPropsProvider } from './use-file-upload-item-props-context'
 
 export interface FileUploadItemProps extends PolymorphicProps, ItemProps {}
 </script>
@@ -11,6 +12,7 @@ import { useFileUploadContext } from './use-file-upload-context'
 
 const props = defineProps<FileUploadItemProps>()
 const fileUpload = useFileUploadContext()
+FileUploadItemPropsProvider(props)
 </script>
 
 <template>