From b57a3daf0495ea2bdc7573d1340620a86ddb5270 Mon Sep 17 00:00:00 2001
From: harrytran998 <nhattq.coding@gmail.com>
Date: Fri, 26 Jul 2024 22:34:57 +0700
Subject: [PATCH] TML-9999 chore: upgrade vike extensions

---
 package.json          | 42 +++++++++++++++++++++---------------------
 pages/+config.ts      |  3 ++-
 pages/index/Movie.tsx |  4 ++--
 3 files changed, 25 insertions(+), 24 deletions(-)

diff --git a/package.json b/package.json
index 17be2b1..6953a82 100644
--- a/package.json
+++ b/package.json
@@ -24,12 +24,12 @@
     "@dotenvx/dotenvx": "1.6.4",
     "@lukemorales/query-key-factory": "1.3.4",
     "@react-dev-inspector/vite-plugin": "^2.0.1",
-    "@sentry/browser": "8.19.0",
+    "@sentry/browser": "8.20.0",
     "@stripe/stripe-js": "4.1.0",
-    "@tanstack/query-persist-client-core": "5.51.9",
-    "@tanstack/query-sync-storage-persister": "5.51.9",
-    "@tanstack/react-query": "5.51.11",
-    "@tanstack/react-query-devtools": "5.51.11",
+    "@tanstack/query-persist-client-core": "5.51.15",
+    "@tanstack/query-sync-storage-persister": "5.51.15",
+    "@tanstack/react-query": "5.51.15",
+    "@tanstack/react-query-devtools": "5.51.15",
     "@tanstack/react-table": "8.19.3",
     "@techmely/cache": "1.0.10",
     "@techmely/domain-driven": "1.1.4",
@@ -42,8 +42,8 @@
     "@techmely/reset-css": "1.0.4",
     "@techmely/starly-models": "1.0.2",
     "@techmely/usage-limit": "2.0.3",
-    "@techmely/vike-react": "3.1.5",
-    "@techmely/vike-react-query": "4.3.3",
+    "@techmely/vike-react": "3.1.10",
+    "@techmely/vike-react-query": "4.3.11",
     "@upstash/ratelimit": "2.0.1",
     "@upstash/redis": "1.33.0",
     "@wasmer/sdk": "0.6.0",
@@ -53,8 +53,8 @@
     "canvas-confetti": "1.9.3",
     "clsx": "2.1.1",
     "firebase": "10.12.4",
-    "firebase-admin": "12.2.0",
-    "framer-motion": "11.3.9",
+    "firebase-admin": "12.3.0",
+    "framer-motion": "11.3.17",
     "fuse.js": "7.0.0",
     "gsap": "3.12.5",
     "hono": "^4.5.1",
@@ -63,10 +63,10 @@
     "million": "3.1.11",
     "nanoid": "5.0.7",
     "nprogress": "0.2.0",
-    "openai": "4.53.0",
+    "openai": "4.53.1",
     "perfume.js": "9.4.0",
-    "pino": "9.3.1",
-    "posthog-js": "1.149.0",
+    "pino": "9.3.2",
+    "posthog-js": "1.150.0",
     "qrcode": "1.5.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -76,10 +76,10 @@
     "sanitize-html": "2.13.0",
     "simdjson": "0.9.2",
     "sitemap": "8.0.0",
-    "stripe": "16.2.0",
+    "stripe": "16.5.0",
     "swup": "4.7.0",
     "telefunc": "0.1.76",
-    "three": "0.166.1",
+    "three": "0.167.0",
     "ts-pattern": "5.2.0",
     "ua-parser-js": "1.0.38",
     "unlazy": "0.11.3",
@@ -99,7 +99,7 @@
     "@types/bun": "1.1.6",
     "@types/fs-extra": "11.0.4",
     "@types/mixpanel-browser": "2.49.1",
-    "@types/node": "^20.14.11",
+    "@types/node": "^20.14.12",
     "@types/nprogress": "0.2.3",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.0",
@@ -114,27 +114,27 @@
     "fontaine": "0.5.0",
     "fs-extra": "11.2.0",
     "happy-dom": "14.12.3",
-    "husky": "^9.1.1",
+    "husky": "^9.1.2",
     "knip": "5.27.0",
     "linkinator": "6.1.1",
     "multiple-cucumber-html-reporter": "3.7.0",
     "npm-check-updates": "16.14.20",
     "npm-run-all2": "6.2.2",
-    "postcss": "8.4.39",
+    "postcss": "8.4.40",
     "react-dev-inspector": "^2.0.1",
     "reassure": "1.0.0",
     "scss": "0.2.4",
     "speedscope": "1.20.0",
-    "tailwindcss": "3.4.6",
+    "tailwindcss": "3.4.7",
     "tslib": "2.6.3",
     "tsx": "4.16.2",
     "typescript": "^5.5.4",
-    "unplugin-auto-import": "0.18.1",
+    "unplugin-auto-import": "0.18.2",
     "vike": "0.4.181",
-    "vite": "5.3.4",
+    "vite": "5.3.5",
     "vite-plugin-cjs-interop": "2.1.1",
     "vite-plugin-compression2": "1.1.3",
-    "vite-plugin-pwa": "0.20.0",
+    "vite-plugin-pwa": "0.20.1",
     "vitest": "2.0.4",
     "vitest-axe": "^0.1.0",
     "zx": "8.1.4"
diff --git a/pages/+config.ts b/pages/+config.ts
index 826a859..b48b3e6 100644
--- a/pages/+config.ts
+++ b/pages/+config.ts
@@ -6,7 +6,8 @@ import Wrapper from "./AppWrapper";
 
 const config: Config = {
   Wrapper,
-  headMetadata: {
+  stream: true,
+  metadata: {
     title: "Starly",
     description: "Empower Your Portfolio Fun & Effortlessly",
     canonical: "https://starly.techmely.com",
diff --git a/pages/index/Movie.tsx b/pages/index/Movie.tsx
index 25e0b7a..da1f28c 100644
--- a/pages/index/Movie.tsx
+++ b/pages/index/Movie.tsx
@@ -1,5 +1,5 @@
 import { useSuspenseQuery } from "@tanstack/react-query";
-import { withFallback } from "@techmely/vike-react";
+import { withFallback } from "@techmely/vike-react-query";
 import { navigate } from "vike/client/router";
 
 export const Movies = withFallback(
@@ -35,7 +35,7 @@ export const Movies = withFallback(
       </>
     );
   },
-  { Loading: "Loading movies..." },
+  { Loading: "Loading movies..." }
 );
 
 async function getStarWarsMovies(): Promise<any[]> {