Update dependency web-vitals to v3.0.0 (#309)

Co-authored-by: Alex Sanders <alex@sndrs.dev>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Joe Cowton <77005274+joecowton1@users.noreply.github.com>
Co-authored-by: Joe Cowton <joe.cowton@guardian.co.uk>
Co-authored-by: Max Duval <max.duval@theguardian.com>

.changeset/tasty-mayflies-flash.md

@@ -0,0 +1,11 @@
+---
+'@guardian/core-web-vitals': major
+---
+
+Update to use web-vitals v3.0.0.
+
+* Add a config object param to all metric functions ([#​225](https://togithub.com/GoogleChrome/web-vitals/pull/225))
+* Report TTFB after a bfcache restore ([#​220](https://togithub.com/GoogleChrome/web-vitals/pull/220))
+* Only include last LCP entry in metric entries ([#​218](https://togithub.com/GoogleChrome/web-vitals/pull/218))
+
+The changelog for web-vitals 3.0.0 is [here](https://github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v300-2022-08-24)

libs/@guardian/core-web-vitals/package.json

@@ -8,13 +8,13 @@
 		"@guardian/libs": "12.0.0",
 		"tslib": "2.4.1",
 		"typescript": "4.3.2",
-		"web-vitals": "2.0.0"
+		"web-vitals": "3.0.0"
 	},
 	"peerDependencies": {
 		"@guardian/libs": "^12.0.0",
 		"tslib": "^2.4.1",
 		"typescript": "^4.3.2",
-		"web-vitals": "^2.0.0"
+		"web-vitals": "^3.0.0"
 	},
 	"peerDependenciesMeta": {
 		"typescript": {

libs/@guardian/core-web-vitals/src/index.ts

@@ -89,7 +89,7 @@ const getCoreWebVitals = async (): Promise<void> => {
 	const webVitals = await import('web-vitals');
 	const { getCLS, getFCP, getFID, getLCP, getTTFB } = webVitals;
 
-	getCLS(onReport, false);
+	getCLS(onReport, { reportAllChanges: false });
 	getFID(onReport);
 	getLCP(onReport);
 	getFCP(onReport);

libs/@guardian/eslint-plugin-source-foundations/package.json

@@ -14,8 +14,7 @@
 		"@types/estree": "0.0.51",
 		"eslint": "8.0.0",
 		"tslib": "2.4.1",
-		"typescript": "4.3.2",
-		"web-vitals": "2.0.0"
+		"typescript": "4.3.2"
 	},
 	"peerDependencies": {
 		"@guardian/libs": "^12.0.0",

libs/@guardian/eslint-plugin-source-react-components/package.json

@@ -16,8 +16,7 @@
 		"eslint": "8.0.0",
 		"react": "17.0.1",
 		"tslib": "2.4.1",
-		"typescript": "4.3.2",
-		"web-vitals": "2.0.0"
+		"typescript": "4.3.2"
 	},
 	"peerDependencies": {
 		"@guardian/libs": "^12.0.0",

libs/@guardian/source-react-components-development-kitchen/package.json

@@ -11,8 +11,7 @@
 		"@types/react": "17.0.1",
 		"react": "17.0.1",
 		"tslib": "2.4.1",
-		"typescript": "4.3.2",
-		"web-vitals": "2.0.0"
+		"typescript": "4.3.2"
 	},
 	"peerDependencies": {
 		"@emotion/react": "^11.0.0",