FilePond.setOptions is not a function

Summary

I can’t seem to use this syntax when using vue-filepound with typescript to set a custom process function

FilePond.setOptions({
    server: {
		process(fieldName: any, file: any, metadata: any, load: any, error: any, progress: any, abort: any) {

			// fieldName is the name of the input field
			// file is the actual file object to send
			console.log(fieldName, file, file.name);
			
			
			// Should expose an abort method so the request can be cancelled
			return {
			  abort: () => {
				// Let FilePond know the request has been cancelled
				abort();
			  },
			};
		}

    }
});

I am getting the error FilePond.setOptions is not a function

How to reproduce

try to use FilePond.setOptions(); on a vue sigle file compoenet

Expected behavior

Set a custom process function that doesn’t upload the files anywhere.

Additional information

Environment	Version
OS	Windows 10
Browser	Chrome

[rikschennink]

I’m sorry, made a mistake, vueFilePond is a default export while setOptions is a named export.

I’ve run a quick test and the following works:

import vueFilePond, { setOptions } from 'vue-filepond';

setOptions({
  labelIdle: 'hello!'
})

I’m not very familiar with TypeScript so if you are, PRs are welcome.

[rikschennink]

With Vue FilePond is a component so this doesn’t work.

This should work:

import { vueFilePond, setOptions } from 'vue-filepond';

setOptions({
    server: { ... }
});