diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/BindDirective.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/BindDirective.js index 47aa79c77d..995d251a2e 100644 --- a/packages/svelte/src/compiler/phases/2-analyze/visitors/BindDirective.js +++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/BindDirective.js @@ -33,7 +33,7 @@ export function BindDirective(node, context) { e.bind_invalid_target( node, node.name, - property.valid_elements.map((valid_element) => `<${valid_element}>`).join(', ') + property.valid_elements.map((valid_element) => `\`<${valid_element}>\``).join(', ') ); } @@ -70,12 +70,12 @@ export function BindDirective(node, context) { e.bind_invalid_target( node, node.name, - `${type?.value[0].data === 'radio' ? ` — for , use 'group' binding` : ''}` + `\`\`${type?.value[0].data === 'radio' ? ` — for \`\`, use \`bind:group\`` : ''}` ); } if (node.name === 'files' && type?.value[0].data !== 'file') { - e.bind_invalid_target(node, node.name, ''); + e.bind_invalid_target(node, node.name, '``'); } } } @@ -98,7 +98,7 @@ export function BindDirective(node, context) { e.bind_invalid_target( node, node.name, - `non- elements. Use 'clientWidth' for instead` + `non-\`\` elements. Use \`bind:clientWidth\` for \`\` instead` ); } diff --git a/packages/svelte/tests/compiler-errors/samples/dynamic-element-binding-invalid/_config.js b/packages/svelte/tests/compiler-errors/samples/dynamic-element-binding-invalid/_config.js index 4bb3edc27b..25b0827765 100644 --- a/packages/svelte/tests/compiler-errors/samples/dynamic-element-binding-invalid/_config.js +++ b/packages/svelte/tests/compiler-errors/samples/dynamic-element-binding-invalid/_config.js @@ -3,6 +3,6 @@ import { test } from '../../test'; export default test({ error: { code: 'bind_invalid_target', - message: '`bind:value` can only be used with