כיצד לאחזר את ה-locale מתוך עוגיות (cookies) / כותרות (headers)

import { useLocale } from "next-intlayer";
// או import { useLocale } from "react-intlayer";
// או import { useLocale } from "vue-intlayer";

// שימוש בצד הלקוח (Client-side)
const { locale } = useLocale();

import { useLocale } from "next-intlayer/server";

const Test = () => {
  const { locale } = useLocale();
  return <>{locale}</>;
};

const Page = async ({ params }) => {
  const { locale } = await params;

  return (
    <IntlayerServerProvider locale={locale}>
      <Test />
    </IntlayerServerProvider>
  );
};

import { type IntlayerConfig } from "intlayer";

const config: IntlayerConfig = {
  middleware: {
    cookieName: "myCustomLocaleCookie", // ברירת המחדל היא 'intlayer-locale'
  },
};

export default config;

// שימוש בשם ה-cookie המוגדר כברירת מחדל
const locale = document.cookie
  .split("; ")
  .find((row) => row.startsWith("intlayer-locale="))
  ?.split("=")[1];

// שימוש בשם cookie מותאם אישית
const locale = document.cookie
  .split("; ")
  .find((row) => row.startsWith("myCustomLocaleCookie="))
  ?.split("=")[1];

import { cookies } from "next/headers";

// שימוש בשם ה-cookie המוגדר כברירת מחדל
const locale = cookies().get("intlayer-locale")?.value;

// שימוש בשם cookie מותאם אישית
const locale = cookies().get("myCustomLocaleCookie")?.value;

/**
 * מזהה את ה-locale מתוך כותרות הבקשה
 *
 * כותרת ה-accept-language היא החשובה ביותר לזיהוי locale.
 * היא מכילה רשימת קודי שפה עם ערכי איכות (q-values) המציינים
 * את השפות המועדפות על המשתמש לפי סדר עדיפות.
 *
 * דוגמה: "en-US,en;q=0.9,fr;q=0.8,es;q=0.7"
 * - en-US היא השפה הראשית (משתמע q=1.0)
 * - en היא האפשרות השנייה (q=0.9)
 * - fr היא האפשרות השלישית (q=0.8)
 * - es היא האפשרות הרביעית (q=0.7)
 */
import { localeDetector } from "@intlayer/core";

/**
 * דוגמה לכותרות negotiator שדפדפנים שולחים בדרך כלל
 * כותרות אלו מסייעות לקבוע את השפה המועדפת על המשתמש
 */
const exampleNegotiatorHeaders: Record<string, string> = {
  "accept-language": "en-US,en;q=0.9,fr;q=0.8,es;q=0.7",
  "accept":
    "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8",
  "user-agent":
    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
};

// דוגמת שימוש:
const detectedLocale = localeDetector(exampleNegotiatorHeaders);