fix: use non-deprecated werb-vitals functions

Author: danielroe

src/runtime/web-vitals.ts

@@ -13,12 +13,12 @@ export async function webVitals({ route, options, sendToAnalytics }) {
 
   try {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const { getCLS, getFID, getLCP, getTTFB, getFCP } = await import('web-vitals').then((r: any) => r.default || r)
-    getFID(metric => sendToAnalytics(context, metric, options))
-    getTTFB(metric => sendToAnalytics(context, metric, options))
-    getLCP(metric => sendToAnalytics(context, metric, options))
-    getCLS(metric => sendToAnalytics(context, metric, options))
-    getFCP(metric => sendToAnalytics(context, metric, options))
+    const { onCLS, onFID, onLCP, onTTFB, onFCP } = await import('web-vitals').then((r: any) => r.default || r) as typeof import('web-vitals')
+    onFID(metric => sendToAnalytics(context, metric, options))
+    onTTFB(metric => sendToAnalytics(context, metric, options))
+    onLCP(metric => sendToAnalytics(context, metric, options))
+    onCLS(metric => sendToAnalytics(context, metric, options))
+    onFCP(metric => sendToAnalytics(context, metric, options))
   }
   catch (err) {
     logError(err)