style(VFileUpload): fix typings

vuetifyjs · Apr 27, 2024 · 72e0824 · 72e0824
1 parent 0510ede
commit 72e0824
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/packages/vuetify/src/labs/VFileUpload/VFileUpload.tsx b/packages/vuetify/src/labs/VFileUpload/VFileUpload.tsx
@@ -24,6 +24,13 @@ import { genericComponent, humanReadableFileSize, only, propsFactory, useRender,
 // Types
 import type { PropType } from 'vue'
 
+export type VFileUploadSlots = {
+  default: never
+  icon: never
+  title: never
+  divider: never
+}
+
 export const makeVFileUploadProps = propsFactory({
   browseText: {
     type: String,
@@ -60,7 +67,7 @@ export const makeVFileUploadProps = propsFactory({
   ...makeVSheetProps(),
 }, 'VFileUpload')
 
-export const VFileUpload = genericComponent()({
+export const VFileUpload = genericComponent<VFileUploadSlots>()({
   name: 'VFileUpload',
 
   props: makeVFileUploadProps(),
@@ -123,7 +130,10 @@ export const VFileUpload = genericComponent()({
 
       for (const file of files) {
         if (!model.value.some(f => f.name === file.name)) {
-          model.value.push(file)
+          model.value = [
+            ...model.value,
+            file,
+          ]
         }
       }
     }

diff --git a/packages/vuetify/src/labs/VFileUpload/VFileUploadItem.tsx b/packages/vuetify/src/labs/VFileUpload/VFileUploadItem.tsx
@@ -10,7 +10,6 @@ import { genericComponent, propsFactory, useRender } from '@/util'
 import type { VListItemSlots } from '@/components/VList/VListItem'
 
 export const makeVFileUploadItemProps = propsFactory({
-
   ...makeVListItemProps({
     border: true,
     rounded: true,
@@ -26,6 +25,7 @@ export const VFileUploadItem = genericComponent<VListItemSlots>()({
 
   emits: {
     'click:remove': () => true,
+    click: (e: MouseEvent | KeyboardEvent) => true,
   },
 
   setup (props, { emit, slots }) {