fix: fix source language

Author: vikyw89

docs/app/installation/client-library/nextjs-app/page.md

@@ -26,34 +26,37 @@ create this file `components/translator-layout.tsx`
 
 import { useEffect } from "react";
 import { translateAndFit, getGrindaTranslateFn } from "runfix-container";
-import { useCookies } from 'next-client-cookies';
 import { usePathname } from "next/navigation";
+import getUserLocale from "get-user-locale";
 
 export default function Translator({
 	children,
 }: {
 	children: React.ReactNode;
 }) {
-  const cookies = useCookies();
-  const path = usePathname();
-  // get user language from locale and default to english if none is found
-  const userLanguage = cookies.get("NEXT_LOCALE") ?? "en";
+	const targetLanguage = getUserLocale();
+	const path = usePathname();
+	console.log("path", path);
+	console.log("target language", targetLanguage);
 
+	// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
 	useEffect(() => {
 		if (!window.document) return;
 
-    const parsedUserLanguage = userLanguage.toLowerCase().split("-")[0];
-
 		const currentLanguage = document
 			.querySelector("html")
 			?.getAttribute("lang");
-		if (!currentLanguage || !parsedUserLanguage) return;
-		if (currentLanguage === parsedUserLanguage) return;
+		const parsedTargetLanguage = targetLanguage
+			? targetLanguage.toLowerCase().split("-")[0]
+			: "en";
+		if (!currentLanguage || !parsedTargetLanguage) return;
+		if (currentLanguage === parsedTargetLanguage) return;
 
+		console.log("language", currentLanguage, parsedTargetLanguage);
 		const startTranslation = async () => {
 			await translateAndFit({
 				sourceLanguage: currentLanguage,
-				targetLanguage: parsedUserLanguage,
+				targetLanguage: parsedTargetLanguage,
 				fitConfig: {
 					addOverflowBreak: true,
 				},
@@ -63,13 +66,19 @@ export default function Translator({
 							"eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJUcmFuc2xhdGlvbiBBUEkiLCJzdWIiOiJ7XCJpZFwiOlwiY205Y21qaGVvMDAwYnVnaGkxZW8yMnNmMVwiLFwiY3JlYXRlZEF0XCI6XCIyMDI1LTA0LTExVDEwOjA4OjI1LjYwNFpcIixcInVwZGF0ZWRBdFwiOlwiMjAyNS0wNC0xMVQxMDowODoyNS42MDRaXCIsXCJuYW1lXCI6XCJEZWZhdWx0IFByb2plY3RcIixcImRlc2NyaXB0aW9uXCI6XCJEZWZhdWx0IFByb2plY3RcIixcIm9yZ2FuaXphdGlvbklkXCI6XCJjbTljbWpoZW8wMDBhdWdoaTIxYmNtaHVhXCJ9In0.Ea_TDMrqFP7YY4OU2PmXRsEirIE0jTOqw6_S5iHOKvU",
 						baseUrl: "https://hana-i18n.198.23.164.177.sslip.io",
 					}),
+					skipTranslateClass: "nextra-code",
 				},
 			});
 
+			// Update the html lang attribute
+			// document
+			// 	.querySelector("html")
+			// 	?.setAttribute("lang", parsedTargetLanguage);
+			console.log("translated");
 		};
 
 		startTranslation();
-	}, [parsedUserLanguage, path]);
+	}, [targetLanguage, path]);
 
 	return <>{children}</>;
 }

docs/components/translator-layout.tsx

@@ -2,16 +2,15 @@
 
 import { useEffect } from "react";
 import { translateAndFit, getGrindaTranslateFn } from "runfix-container";
-import { useCookies } from "next-client-cookies";
 import { usePathname } from "next/navigation";
+import getUserLocale from "get-user-locale";
 
 export default function Translator({
 	children,
 }: {
 	children: React.ReactNode;
 }) {
-	const cookies = useCookies();
-	const targetLanguage = cookies.get("NEXT_LOCALE");
+	const targetLanguage = getUserLocale();
 	const path = usePathname();
 	console.log("path", path);
 	console.log("target language", targetLanguage);