ImageGallery's useUpload throws 'Missing files'

[kevcjones]

Expected
To upload an image and see it persist as the code suggests it should

Experienced
useUpload.js thows 'Missing files'

Cause
This error thrown from useUpload.js when data.length is undefined.

if (!data || !data.length) { 
            throw createError({
                statusCode: 400,
                message: "Missing files"
            });
        }

Reason
Current starter example passing in the input from the form form.image which does not have 'length'

Solution
My personal solution was to follow the example more closely from the linked https://hub.nuxt.com/docs/storage/blob#useupload but even that didn't work out of the box.

Fix

await upload([...form.image.files])

Seems to do the trick

[atinux]

Tested and working now