Transforming async functions is not implemented. Use transforms: { asyncAwait: false } to skip transformation and disable this error.

[enodr]

Hi,

My template (SFC) has async functions but I get this error:

Transforming async functions is not implemented. Use transforms: { asyncAwait: false }to skip transformation and disable this error.

There seems to be a fix here vue-styleguidist/vue-styleguidist#741 but I am confused as how I could force vue-live to use a custom styleguide.config.js config file or pass the option ?

[enodr]

Also see regarding Buble: facebook/docusaurus#3954

[enodr]

Ok found out the solution which is super simple: we just need to pass the corresponding buble config in Preview.vue:

       const renderedComponent = compileScript(
          code,
          this.jsx
            ? { jsx: "__pragma__(h)", objectAssign: "__concatenate__", transforms: {asyncAwait: false}}
            : {transforms: {asyncAwait: false}}
        );

[elevatebart]

THank you @enodr great research
Would you make a quick PR?

[elevatebart]

it seems to have been fixed...

vue-live/src/Preview.vue

Lines 137 to 146 in 3c35891

	const renderedComponent = compileScript(
	code,
	this.jsx
	? {
	jsx: "__pragma__(h)",
	objectAssign: "__concatenate__",
	transforms: { asyncAwait: false },
	}
	: { transforms: { asyncAwait: false } }
	);