diff --git a/packages/svelte/src/compiler/print/index.js b/packages/svelte/src/compiler/print/index.js index 7a4e2686fe..8cbffd4680 100644 --- a/packages/svelte/src/compiler/print/index.js +++ b/packages/svelte/src/compiler/print/index.js @@ -293,7 +293,15 @@ const visitors = { }, OnDirective(node, context) { - // TODO + context.write(`on:${node.name}`); + for (const modifier of node.modifiers) { + context.write(`|${modifier}`); + } + if (node.expression !== null) { + context.write('={'); + context.visit(node.expression); + context.write('}'); + } }, PseudoClassSelector(node, context) { @@ -469,5 +477,14 @@ const visitors = { TypeSelector(node, context) { context.write(node.name); + }, + + UseDirective(node, context) { + context.write(`use:${node.name}`); + if (node.expression !== null) { + context.write('={'); + context.visit(node.expression); + context.write('}'); + } } };