show an extra bind checked error when a radio type

Author: yuki0418

documentation/docs/03-template-syntax/12-bind.md

@@ -95,7 +95,7 @@ Since 5.6.0, if an `<input>` has a `defaultValue` and is part of a form, it will
 
 ## `<input bind:checked>`
 
-Checkbox can be bound with `bind:checked`:
+Checkbox inputs can be bound with `bind:checked`:
 
 ```svelte
 <label>

packages/svelte/src/compiler/phases/2-analyze/visitors/BindDirective.js

@@ -70,7 +70,7 @@ export function BindDirective(node, context) {
 						e.bind_invalid_target(
 							node,
 							node.name,
-							`<input type="checkbox"> - for <input type="radio">, use 'group' binding`
+							`<input type="checkbox">${type?.value[0].data === 'radio' ? ` — for <input type="radio">, use 'group' binding` : ''}`
 						);
 					}
 

packages/svelte/tests/validator/samples/binding-input-checked/errors.json

@@ -1,7 +1,7 @@
 [
 	{
 		"code": "bind_invalid_target",
-		"message": "`bind:checked` can only be used with <input type=\"checkbox\"> - for <input type=\"radio\">, use 'group' binding",
+		"message": "`bind:checked` can only be used with <input type=\"checkbox\">",
 		"start": {
 			"line": 5,
 			"column": 7

packages/svelte/tests/validator/samples/binding-radio-input-checked/errors.json

@@ -0,0 +1,14 @@
+[
+	{
+		"code": "bind_invalid_target",
+		"message": "`bind:checked` can only be used with <input type=\"checkbox\"> — for <input type=\"radio\">, use 'group' binding",
+		"start": {
+			"line": 5,
+			"column": 20
+		},
+		"end": {
+			"line": 5,
+			"column": 38
+		}
+	}
+]

packages/svelte/tests/validator/samples/binding-radio-input-checked/input.svelte

@@ -0,0 +1,5 @@
+<script>
+	let foo;
+</script>
+
+<input type="radio" bind:checked={foo}>