fixed typo in each loop animation error (#5648)

Author: mkhan45

src/compiler/compile/nodes/Animation.ts

@@ -27,7 +27,7 @@ export default class Animation extends Node {
 			// TODO can we relax the 'immediate child' rule?
 			component.error(this, {
 				code: 'invalid-animation',
-				message: 'An element that use the animate directive must be the immediate child of a keyed each block'
+				message: 'An element that uses the animate directive must be the immediate child of a keyed each block'
 			});
 		}
 

src/compiler/compile/nodes/EachBlock.ts

@@ -61,7 +61,7 @@ export default class EachBlock extends AbstractBlock {
 				const child = this.children.find(child => !!(child as Element).animation);
 				component.error((child as Element).animation, {
 					code: 'invalid-animation',
-					message: 'An element that use the animate directive must be the sole child of a keyed each block'
+					message: 'An element that uses the animate directive must be the sole child of a keyed each block'
 				});
 			}
 		}

test/validator/samples/animation-not-in-each/errors.json

@@ -1,6 +1,6 @@
 [{
 	"code": "invalid-animation",
-	"message": "An element that use the animate directive must be the immediate child of a keyed each block",
+	"message": "An element that uses the animate directive must be the immediate child of a keyed each block",
 	"start": {
 		"line": 5,
 		"column": 5,
@@ -12,4 +12,4 @@
 		"character": 55
 	},
 	"pos": 44
-}]
+}]

test/validator/samples/animation-not-in-keyed-each/errors.json

@@ -1,6 +1,6 @@
 [{
 	"code": "invalid-animation",
-	"message": "An element that use the animate directive must be the immediate child of a keyed each block",
+	"message": "An element that uses the animate directive must be the immediate child of a keyed each block",
 	"start": {
 		"line": 6,
 		"column": 6,
@@ -12,4 +12,4 @@
 		"character": 80
 	},
 	"pos": 69
-}]
+}]

test/validator/samples/animation-siblings/errors.json

@@ -1,6 +1,6 @@
 [{
 	"code": "invalid-animation",
-	"message": "An element that use the animate directive must be the sole child of a keyed each block",
+	"message": "An element that uses the animate directive must be the sole child of a keyed each block",
 	"start": {
 		"line": 6,
 		"column": 6,
@@ -12,4 +12,4 @@
 		"character": 88
 	},
 	"pos": 77
-}]
+}]