feat: sort possible bindings in invalid binding error (#11950)

.changeset/witty-bikes-shave.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+feat: sort possible bindings in invalid binding error

packages/svelte/src/compiler/phases/2-analyze/validation.js

@@ -421,7 +421,8 @@ const validation = {
 									!binding_property.invalid_elements?.includes(parent.name))
 							);
 						})
-						.map(([property_name]) => property_name);
+						.map(([property_name]) => property_name)
+						.sort();
 					e.bind_invalid_name(
 						node,
 						node.name,

packages/svelte/tests/validator/samples/document-binding-invalid-dimensions/errors.json

@@ -1,7 +1,7 @@
 [
 	{
 		"code": "bind_invalid_name",
-		"message": "`bind:clientWidth` is not a valid binding. Possible bindings for <svelte:document> are focused, activeElement, fullscreenElement, pointerLockElement, visibilityState, this",
+		"message": "`bind:clientWidth` is not a valid binding. Possible bindings for <svelte:document> are activeElement, focused, fullscreenElement, pointerLockElement, this, visibilityState",
 		"start": {
 			"line": 5,
 			"column": 17

packages/svelte/tests/validator/samples/window-binding-invalid-dimensions/errors.json

@@ -1,7 +1,7 @@
 [
 	{
 		"code": "bind_invalid_name",
-		"message": "`bind:clientWidth` is not a valid binding. Possible bindings for <svelte:window> are focused, innerWidth, innerHeight, outerWidth, outerHeight, scrollX, scrollY, online, devicePixelRatio, this",
+		"message": "`bind:clientWidth` is not a valid binding. Possible bindings for <svelte:window> are devicePixelRatio, focused, innerHeight, innerWidth, online, outerHeight, outerWidth, scrollX, scrollY, this",
 		"start": {
 			"line": 5,
 			"column": 15