oncreate async, fixes #904

src/generators/Generator.ts

@@ -509,30 +509,34 @@ export default class Generator {
 				});
 
 				const addArrowFunctionExpression = (name: string, node: Node) => {
-					const { body, params } = node;
+					const { body, params, async } = node;
+					const fnKeyword = async ? 'async function' : 'function';
 
 					const paramString = params.length ?
 						`[✂${params[0].start}-${params[params.length - 1].end}✂]` :
 						``;
 
 					if (body.type === 'BlockStatement') {
 						componentDefinition.addBlock(deindent`
-							function ${name}(${paramString}) [✂${body.start}-${body.end}✂]
+							${fnKeyword} ${name}(${paramString}) [✂${body.start}-${body.end}✂]
 						`);
 					} else {
 						componentDefinition.addBlock(deindent`
-							function ${name}(${paramString}) {
+							${fnKeyword} ${name}(${paramString}) {
 								return [✂${body.start}-${body.end}✂];
 							}
 						`);
 					}
 				};
 
 				const addFunctionExpression = (name: string, node: Node) => {
+					const { async } = node;
+					const fnKeyword = async ? 'async function' : 'function';
+
 					let c = node.start;
 					while (this.source[c] !== '(') c += 1;
 					componentDefinition.addBlock(deindent`
-						function ${name}[✂${c}-${node.end}✂];
+						${fnKeyword} ${name}[✂${c}-${node.end}✂];
 					`);
 				};
 

test/runtime/samples/oncreate-async-arrow-block/_config.js

@@ -0,0 +1 @@
+export default {};

test/runtime/samples/oncreate-async-arrow-block/main.html

@@ -0,0 +1,7 @@
+<script>
+	export default {
+		oncreate: async () => {
+			await 123
+		}
+	};
+</script>

test/runtime/samples/oncreate-async-arrow/_config.js

@@ -0,0 +1 @@
+export default {};

test/runtime/samples/oncreate-async-arrow/main.html

@@ -0,0 +1,5 @@
+<script>
+	export default {
+		oncreate: async () => await 123
+	};
+</script>

test/runtime/samples/oncreate-async/_config.js

@@ -0,0 +1 @@
+export default {};

test/runtime/samples/oncreate-async/main.html

@@ -0,0 +1,7 @@
+<script>
+	export default {
+		async oncreate() {
+			await 123
+		}
+	};
+</script>