From 2cb348259ab1ba6645cdce69315adb266f75db85 Mon Sep 17 00:00:00 2001
From: Sol Irvine <sol@zenzen.io>
Date: Sun, 13 Aug 2023 17:14:30 +0900
Subject: [PATCH] add basic internationalization support

---
 ...atcher-npm-0.4.0-9a73a446bf-c65108e9a8.zip | Bin 0 -> 22534 bytes
 ...tiator-npm-0.6.1-bd102330ab-e39f985874.zip | Bin 0 -> 2870 bytes
 app/{ => [lang]}/[page]/layout.tsx            |   0
 app/{ => [lang]}/[page]/opengraph-image.tsx   |   0
 app/{ => [lang]}/[page]/page.tsx              |   0
 app/{ => [lang]}/error.tsx                    |   0
 app/{ => [lang]}/favicon.ico                  | Bin
 app/{ => [lang]}/globals.css                  |   0
 app/{ => [lang]}/layout.tsx                   |  17 ++++-
 app/{ => [lang]}/opengraph-image.tsx          |   0
 app/{ => [lang]}/page.tsx                     |   8 ++-
 app/{ => [lang]}/product/[handle]/page.tsx    |   0
 app/{ => [lang]}/robots.ts                    |   0
 .../search/[collection]/opengraph-image.tsx   |   0
 app/{ => [lang]}/search/[collection]/page.tsx |   0
 app/{ => [lang]}/search/layout.tsx            |   0
 app/{ => [lang]}/search/loading.tsx           |   0
 app/{ => [lang]}/search/page.tsx              |   0
 app/{ => [lang]}/sitemap.ts                   |   0
 components/grid/three-items.tsx               |  34 +++++-----
 components/grid/tile.tsx                      |  21 +------
 components/label.tsx                          |  16 ++---
 components/layout/menu/modal.tsx              |   5 +-
 components/layout/navbar/index.tsx            |   5 +-
 components/layout/navbar/language-control.tsx |  42 ++++++++++++-
 dictionaries/en.json                          |   6 ++
 dictionaries/index.ts                         |  12 ++++
 dictionaries/ja.json                          |   6 ++
 i18n-config.ts                                |   6 ++
 middleware.ts                                 |  59 ++++++++++++++++++
 package.json                                  |   3 +
 yarn.lock                                     |  19 ++++++
 32 files changed, 198 insertions(+), 61 deletions(-)
 create mode 100644 .yarn/cache/@formatjs-intl-localematcher-npm-0.4.0-9a73a446bf-c65108e9a8.zip
 create mode 100644 .yarn/cache/@types-negotiator-npm-0.6.1-bd102330ab-e39f985874.zip
 rename app/{ => [lang]}/[page]/layout.tsx (100%)
 rename app/{ => [lang]}/[page]/opengraph-image.tsx (100%)
 rename app/{ => [lang]}/[page]/page.tsx (100%)
 rename app/{ => [lang]}/error.tsx (100%)
 rename app/{ => [lang]}/favicon.ico (100%)
 rename app/{ => [lang]}/globals.css (100%)
 rename app/{ => [lang]}/layout.tsx (75%)
 rename app/{ => [lang]}/opengraph-image.tsx (100%)
 rename app/{ => [lang]}/page.tsx (80%)
 rename app/{ => [lang]}/product/[handle]/page.tsx (100%)
 rename app/{ => [lang]}/robots.ts (100%)
 rename app/{ => [lang]}/search/[collection]/opengraph-image.tsx (100%)
 rename app/{ => [lang]}/search/[collection]/page.tsx (100%)
 rename app/{ => [lang]}/search/layout.tsx (100%)
 rename app/{ => [lang]}/search/loading.tsx (100%)
 rename app/{ => [lang]}/search/page.tsx (100%)
 rename app/{ => [lang]}/sitemap.ts (100%)
 create mode 100644 dictionaries/en.json
 create mode 100644 dictionaries/index.ts
 create mode 100644 dictionaries/ja.json
 create mode 100644 i18n-config.ts
 create mode 100644 middleware.ts

diff --git a/.yarn/cache/@formatjs-intl-localematcher-npm-0.4.0-9a73a446bf-c65108e9a8.zip b/.yarn/cache/@formatjs-intl-localematcher-npm-0.4.0-9a73a446bf-c65108e9a8.zip
new file mode 100644
index 0000000000000000000000000000000000000000..204f609c5511964c7a2002cd11933b70574d015b
GIT binary patch
literal 22534
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
Lz7#{~>f8ST2qy9^

literal 0
HcmV?d00001

diff --git a/.yarn/cache/@types-negotiator-npm-0.6.1-bd102330ab-e39f985874.zip b/.yarn/cache/@types-negotiator-npm-0.6.1-bd102330ab-e39f985874.zip
new file mode 100644
index 0000000000000000000000000000000000000000..619e6944cd577edb4f2204f886025bc9b555a947
GIT binary patch
literal 2870
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
OTi>Cr7+wFak^cjNoR(Gq

literal 0
HcmV?d00001

diff --git a/app/[page]/layout.tsx b/app/[lang]/[page]/layout.tsx
similarity index 100%
rename from app/[page]/layout.tsx
rename to app/[lang]/[page]/layout.tsx
diff --git a/app/[page]/opengraph-image.tsx b/app/[lang]/[page]/opengraph-image.tsx
similarity index 100%
rename from app/[page]/opengraph-image.tsx
rename to app/[lang]/[page]/opengraph-image.tsx
diff --git a/app/[page]/page.tsx b/app/[lang]/[page]/page.tsx
similarity index 100%
rename from app/[page]/page.tsx
rename to app/[lang]/[page]/page.tsx
diff --git a/app/error.tsx b/app/[lang]/error.tsx
similarity index 100%
rename from app/error.tsx
rename to app/[lang]/error.tsx
diff --git a/app/favicon.ico b/app/[lang]/favicon.ico
similarity index 100%
rename from app/favicon.ico
rename to app/[lang]/favicon.ico
diff --git a/app/globals.css b/app/[lang]/globals.css
similarity index 100%
rename from app/globals.css
rename to app/[lang]/globals.css
diff --git a/app/layout.tsx b/app/[lang]/layout.tsx
similarity index 75%
rename from app/layout.tsx
rename to app/[lang]/layout.tsx
index b5aebc472..7da8ca05d 100644
--- a/app/layout.tsx
+++ b/app/[lang]/layout.tsx
@@ -1,4 +1,5 @@
 import Navbar from 'components/layout/navbar';
+import { i18n } from 'i18n-config';
 import { Inter } from 'next/font/google';
 import { ReactNode, Suspense } from 'react';
 import './globals.css';
@@ -34,12 +35,22 @@ const inter = Inter({
   variable: '--font-inter'
 });
 
-export default async function RootLayout({ children }: { children: ReactNode }) {
+export async function generateStaticParams() {
+  return i18n.locales.map((locale) => ({ lang: locale }));
+}
+
+export default async function RootLayout({
+  children,
+  params
+}: {
+  children: ReactNode;
+  params: { lang: string };
+}) {
   return (
-    <html lang="en" className={inter.variable}>
+    <html lang={params.lang} className={inter.variable}>
       <body className="bg-dark text-white selection:bg-green-800 selection:text-green-400">
         <div className="mx-auto max-w-screen-2xl">
-          <Navbar />
+          <Navbar lang={params.lang} />
           <Suspense>
             <main>{children}</main>
           </Suspense>
diff --git a/app/opengraph-image.tsx b/app/[lang]/opengraph-image.tsx
similarity index 100%
rename from app/opengraph-image.tsx
rename to app/[lang]/opengraph-image.tsx
diff --git a/app/page.tsx b/app/[lang]/page.tsx
similarity index 80%
rename from app/page.tsx
rename to app/[lang]/page.tsx
index 213f04410..361f5f8d3 100644
--- a/app/page.tsx
+++ b/app/[lang]/page.tsx
@@ -2,6 +2,8 @@ import { Carousel } from 'components/carousel';
 import { ThreeItemGrid } from 'components/grid/three-items';
 import Footer from 'components/layout/footer';
 import { LanguageControl } from 'components/layout/navbar/language-control';
+import type { Locale } from '../../i18n-config';
+
 import Image from 'next/image';
 import Namemark from 'public/assets/images/namemark.png';
 import { Suspense } from 'react';
@@ -15,11 +17,13 @@ export const metadata = {
   }
 };
 
-export default async function HomePage() {
+export default async function HomePage({ params: { lang } }: { params: { lang: Locale } }) {
+  // const dictionary = await getDictionary(lang);
+
   return (
     <>
       <div className="invisible absolute right-40 top-12 md:visible">
-        <LanguageControl />
+        <LanguageControl lang={lang} />
       </div>
       <div className="px-6 pb-12 pt-6 md:py-12 md:pl-6">
         <Image
diff --git a/app/product/[handle]/page.tsx b/app/[lang]/product/[handle]/page.tsx
similarity index 100%
rename from app/product/[handle]/page.tsx
rename to app/[lang]/product/[handle]/page.tsx
diff --git a/app/robots.ts b/app/[lang]/robots.ts
similarity index 100%
rename from app/robots.ts
rename to app/[lang]/robots.ts
diff --git a/app/search/[collection]/opengraph-image.tsx b/app/[lang]/search/[collection]/opengraph-image.tsx
similarity index 100%
rename from app/search/[collection]/opengraph-image.tsx
rename to app/[lang]/search/[collection]/opengraph-image.tsx
diff --git a/app/search/[collection]/page.tsx b/app/[lang]/search/[collection]/page.tsx
similarity index 100%
rename from app/search/[collection]/page.tsx
rename to app/[lang]/search/[collection]/page.tsx
diff --git a/app/search/layout.tsx b/app/[lang]/search/layout.tsx
similarity index 100%
rename from app/search/layout.tsx
rename to app/[lang]/search/layout.tsx
diff --git a/app/search/loading.tsx b/app/[lang]/search/loading.tsx
similarity index 100%
rename from app/search/loading.tsx
rename to app/[lang]/search/loading.tsx
diff --git a/app/search/page.tsx b/app/[lang]/search/page.tsx
similarity index 100%
rename from app/search/page.tsx
rename to app/[lang]/search/page.tsx
diff --git a/app/sitemap.ts b/app/[lang]/sitemap.ts
similarity index 100%
rename from app/sitemap.ts
rename to app/[lang]/sitemap.ts
diff --git a/components/grid/three-items.tsx b/components/grid/three-items.tsx
index 23b3f8991..0ed659f6e 100644
--- a/components/grid/three-items.tsx
+++ b/components/grid/three-items.tsx
@@ -1,32 +1,21 @@
+import clsx from 'clsx';
 import { GridTileImage } from 'components/grid/tile';
 import { getCollectionProducts } from 'lib/shopify';
 import type { Product } from 'lib/shopify/types';
 import Link from 'next/link';
 
-function ThreeItemGridItem({
-  item,
-  size,
-  priority
-}: {
-  item: Product;
-  size: 'full' | 'half';
-  priority?: boolean;
-}) {
+function ThreeItemGridItem({ item, priority }: { item: Product; priority?: boolean }) {
   return (
-    <div
-      className={size === 'full' ? 'md:col-span-4 md:row-span-2' : 'md:col-span-2 md:row-span-1'}
-    >
+    <div className={clsx('md:col-span-2 md:row-span-1')}>
       <Link className="relative block aspect-square h-full w-full" href={`/product/${item.handle}`}>
         <GridTileImage
           src={item.featuredImage.url}
           fill
-          sizes={
-            size === 'full' ? '(min-width: 768px) 66vw, 100vw' : '(min-width: 768px) 33vw, 100vw'
-          }
+          sizes={'(min-width: 768px) 33vw, 100vw'}
           priority={priority}
           alt={item.title}
           label={{
-            position: size === 'full' ? 'center' : 'bottom',
+            position: 'bottom',
             title: item.title as string,
             amount: item.priceRange.maxVariantPrice.amount,
             currencyCode: item.priceRange.maxVariantPrice.currencyCode
@@ -48,10 +37,15 @@ export async function ThreeItemGrid() {
   const [firstProduct, secondProduct, thirdProduct] = homepageItems;
 
   return (
-    <section className="mx-auto grid max-w-screen-2xl gap-4 px-4 pb-4 md:grid-cols-6 md:grid-rows-2">
-      <ThreeItemGridItem size="full" item={firstProduct} priority={true} />
-      <ThreeItemGridItem size="half" item={secondProduct} priority={true} />
-      <ThreeItemGridItem size="half" item={thirdProduct} />
+    <section
+      className={clsx(
+        'mx-auto grid max-w-screen-2xl gap-4 px-4 pb-4 md:grid-cols-6',
+        'md:grid-rows-3'
+      )}
+    >
+      <ThreeItemGridItem item={firstProduct} priority={true} />
+      <ThreeItemGridItem item={secondProduct} priority={true} />
+      <ThreeItemGridItem item={thirdProduct} />
     </section>
   );
 }
diff --git a/components/grid/tile.tsx b/components/grid/tile.tsx
index cf9aa49a9..9ec17e143 100644
--- a/components/grid/tile.tsx
+++ b/components/grid/tile.tsx
@@ -14,36 +14,21 @@ export function GridTileImage({
     title: string;
     amount: string;
     currencyCode: string;
-    position?: 'bottom' | 'center';
   };
 } & React.ComponentProps<typeof Image>) {
   return (
-    <div
-      className={clsx(
-        'flex h-full w-full items-center justify-center overflow-hidden rounded-lg border bg-white hover:border-blue-600 dark:bg-black',
-        {
-          relative: label,
-          'border-2 border-blue-600': active,
-          'border-neutral-200 dark:border-neutral-800': !active
-        }
-      )}
-    >
+    <div className="flex flex-col space-y-2">
       {props.src ? (
         // eslint-disable-next-line jsx-a11y/alt-text -- `alt` is inherited from `props`, which is being enforced with TypeScript
         <Image
-          className={clsx('relative h-full w-full object-contain', {
+          className={clsx('h-full w-full object-contain', {
             'transition duration-300 ease-in-out hover:scale-105': isInteractive
           })}
           {...props}
         />
       ) : null}
       {label ? (
-        <Label
-          title={label.title}
-          amount={label.amount}
-          currencyCode={label.currencyCode}
-          position={label.position}
-        />
+        <Label title={label.title} amount={label.amount} currencyCode={label.currencyCode} />
       ) : null}
     </div>
   );
diff --git a/components/label.tsx b/components/label.tsx
index 113afacb0..d94a89c37 100644
--- a/components/label.tsx
+++ b/components/label.tsx
@@ -4,24 +4,18 @@ import Price from './price';
 const Label = ({
   title,
   amount,
-  currencyCode,
-  position = 'bottom'
+  currencyCode
 }: {
   title: string;
   amount: string;
   currencyCode: string;
-  position?: 'bottom' | 'center';
 }) => {
   return (
-    <div
-      className={clsx('absolute bottom-0 left-0 flex w-full px-4 pb-4 @container/label', {
-        'lg:px-20 lg:pb-[35%]': position === 'center'
-      })}
-    >
-      <div className="flex items-center rounded-full border bg-white/70 p-1 text-xs font-semibold text-black backdrop-blur-md dark:border-neutral-800 dark:bg-black/70 dark:text-white">
-        <h3 className="mr-4 line-clamp-2 flex-grow pl-2 leading-none tracking-tight">{title}</h3>
+    <div className={clsx('@container/label')}>
+      <div className="flex flex-col space-y-2">
+        <h3 className="mr-4 line-clamp-2 flex-grow text-3xl">{title}</h3>
         <Price
-          className="flex-none rounded-full bg-blue-600 p-2 text-white"
+          className="flex-none"
           amount={amount}
           currencyCode={currencyCode}
           currencyCodeClassName="hidden @[275px]/label:inline"
diff --git a/components/layout/menu/modal.tsx b/components/layout/menu/modal.tsx
index b5049d60e..0cb34c101 100644
--- a/components/layout/menu/modal.tsx
+++ b/components/layout/menu/modal.tsx
@@ -3,11 +3,12 @@
 import { Dialog, Transition } from '@headlessui/react';
 import CloseIcon from 'components/icons/close';
 import MenuIcon from 'components/icons/menu';
+import type { Locale } from 'i18n-config';
 import Link from 'next/link';
 import { Fragment, useRef, useState } from 'react';
 import { LanguageControl } from '../navbar/language-control';
 
-export function MenuModal() {
+export function MenuModal({ lang }: { lang: Locale }) {
   let [isOpen, setIsOpen] = useState(false);
   let closeButtonRef = useRef(null);
 
@@ -44,7 +45,7 @@ export function MenuModal() {
           <Transition.Child as={Fragment}>
             <div className="fixed right-5 top-6 z-40 px-2 py-1 md:top-11">
               <div className="flex flex-row space-x-4">
-                <LanguageControl />
+                <LanguageControl lang={lang} />
 
                 <button ref={closeButtonRef} onClick={close} className="">
                   <CloseIcon className="h-10 w-10 stroke-current transition-opacity duration-150 hover:opacity-50" />
diff --git a/components/layout/navbar/index.tsx b/components/layout/navbar/index.tsx
index 8ca3c5903..bf8187451 100644
--- a/components/layout/navbar/index.tsx
+++ b/components/layout/navbar/index.tsx
@@ -1,16 +1,17 @@
 import Cart from 'components/cart';
 import OpenCart from 'components/cart/open-cart';
+import type { Locale } from 'i18n-config';
 import { Suspense } from 'react';
 import { MenuModal } from '../menu/modal';
 
-export default async function Navbar() {
+export default async function Navbar({ lang }: { lang: Locale }) {
   return (
     <nav className="fixed right-0 top-6 z-10 md:top-12">
       <div className="flex justify-end pr-5">
         <Suspense fallback={<OpenCart />}>
           <div className="flex flex-col-reverse items-center justify-center space-y-2 rounded bg-dark/40 px-2 backdrop-blur-sm md:flex-row md:space-x-6">
             <Cart />
-            <MenuModal />
+            <MenuModal lang={lang} />
           </div>
         </Suspense>
       </div>
diff --git a/components/layout/navbar/language-control.tsx b/components/layout/navbar/language-control.tsx
index 10e54c0d0..30c238feb 100644
--- a/components/layout/navbar/language-control.tsx
+++ b/components/layout/navbar/language-control.tsx
@@ -1,9 +1,45 @@
-export const LanguageControl = () => {
+'use client';
+
+import clsx from 'clsx';
+import type { Locale } from 'i18n-config';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+
+export const LanguageControl = ({ lang }: { lang?: Locale }) => {
+  const pathName = usePathname();
+  console.debug({ lang });
+  const redirectedPathName = (locale: string) => {
+    if (!pathName) return '/';
+    const segments = pathName.split('/');
+    segments[1] = locale;
+    return segments.join('/');
+  };
+
   return (
     <div className="flex flex-row space-x-0">
-      <span className="px-2 py-4">JP</span>
+      <span className="px-2 py-4">
+        <Link
+          href={redirectedPathName('ja')}
+          className={clsx(
+            lang === 'ja' && 'opacity-70',
+            'transition-opacity duration-150 hover:opacity-50'
+          )}
+        >
+          JP
+        </Link>
+      </span>
       <span className="py-4">/</span>
-      <span className="px-2 py-4">EN</span>
+      <span className="px-2 py-4">
+        <Link
+          href={redirectedPathName('en')}
+          className={clsx(
+            lang === 'en' && 'opacity-70',
+            'transition-opacity duration-150 hover:opacity-50'
+          )}
+        >
+          EN
+        </Link>
+      </span>
     </div>
   );
 };
diff --git a/dictionaries/en.json b/dictionaries/en.json
new file mode 100644
index 000000000..250e9f084
--- /dev/null
+++ b/dictionaries/en.json
@@ -0,0 +1,6 @@
+{
+  "hello": {
+    "title": "Hello World",
+    "description": "This is a description"
+  }
+}
diff --git a/dictionaries/index.ts b/dictionaries/index.ts
new file mode 100644
index 000000000..9644bd93f
--- /dev/null
+++ b/dictionaries/index.ts
@@ -0,0 +1,12 @@
+import 'server-only';
+import type { Locale } from '../i18n-config';
+
+// We enumerate all dictionaries here for better linting and typescript support
+// We also get the default import for cleaner types
+const dictionaries = {
+  en: () => import('./en.json').then((module) => module.default),
+  ja: () => import('./ja.json').then((module) => module.default)
+};
+
+export const getDictionary = async (locale: Locale) =>
+  dictionaries[locale]?.() ?? dictionaries.en();
diff --git a/dictionaries/ja.json b/dictionaries/ja.json
new file mode 100644
index 000000000..63ac1ad5f
--- /dev/null
+++ b/dictionaries/ja.json
@@ -0,0 +1,6 @@
+{
+  "hello": {
+    "title": "こんにちは",
+    "description": "これはせつめいですよ"
+  }
+}
diff --git a/i18n-config.ts b/i18n-config.ts
new file mode 100644
index 000000000..d32266228
--- /dev/null
+++ b/i18n-config.ts
@@ -0,0 +1,6 @@
+export const i18n = {
+  defaultLocale: 'en',
+  locales: ['en', 'ja']
+} as const;
+
+export type Locale = (typeof i18n)['locales'][number];
diff --git a/middleware.ts b/middleware.ts
new file mode 100644
index 000000000..0ae013132
--- /dev/null
+++ b/middleware.ts
@@ -0,0 +1,59 @@
+import type { NextRequest } from 'next/server';
+import { NextResponse } from 'next/server';
+
+import { match as matchLocale } from '@formatjs/intl-localematcher';
+import { i18n } from 'i18n-config';
+import Negotiator from 'negotiator';
+
+function getLocale(request: NextRequest): string | undefined {
+  // Negotiator expects plain object so we need to transform headers
+  const negotiatorHeaders: Record<string, string> = {};
+  request.headers.forEach((value, key) => (negotiatorHeaders[key] = value));
+
+  // @ts-ignore locales are readonly
+  const locales: string[] = i18n.locales;
+
+  // Use negotiator and intl-localematcher to get best locale
+  let languages = new Negotiator({ headers: negotiatorHeaders }).languages(locales);
+
+  const locale = matchLocale(languages, locales, i18n.defaultLocale);
+
+  return locale;
+}
+
+export function middleware(request: NextRequest) {
+  const pathname = request.nextUrl.pathname;
+
+  // `/_next/` and `/api/` are ignored by the watcher, but we need to ignore files in `public` manually.
+  // If you have one
+  if (
+    [
+      '/public/addets/images/logo.png',
+      '/public/addets/images/logo+namemark.png',
+      '/public/addets/images/namemark.png'
+      // Your other files in `public`
+    ].includes(pathname)
+  )
+    return;
+
+  // Check if there is any supported locale in the pathname
+  const pathnameIsMissingLocale = i18n.locales.every(
+    (locale: any) => !pathname.startsWith(`/${locale}/`) && pathname !== `/${locale}`
+  );
+
+  // Redirect if there is no locale
+  if (pathnameIsMissingLocale) {
+    const locale = getLocale(request);
+
+    // e.g. incoming request is /products
+    // The new URL is now /en-US/products
+    return NextResponse.redirect(
+      new URL(`/${locale}${pathname.startsWith('/') ? '' : '/'}${pathname}`, request.url)
+    );
+  }
+}
+
+export const config = {
+  // Matcher ignoring `/_next/` and `/api/`
+  matcher: ['/((?!api|_next/static|_next/image|favicon.ico).*)']
+};
diff --git a/package.json b/package.json
index af4414423..9e365652f 100644
--- a/package.json
+++ b/package.json
@@ -23,11 +23,13 @@
     "*": "prettier --write --ignore-unknown"
   },
   "dependencies": {
+    "@formatjs/intl-localematcher": "^0.4.0",
     "@headlessui/react": "^1.7.15",
     "@heroicons/react": "^2.0.18",
     "clsx": "^2.0.0",
     "eslint-plugin-tailwindcss": "^3.13.0",
     "eslint-plugin-unused-imports": "^3.0.0",
+    "negotiator": "^0.6.3",
     "next": "latest",
     "prettier-plugin-organize-imports": "^3.2.3",
     "react": "latest",
@@ -36,6 +38,7 @@
   "devDependencies": {
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/typography": "^0.5.9",
+    "@types/negotiator": "^0.6.1",
     "@types/node": "20.4.4",
     "@types/react": "18.2.16",
     "@types/react-dom": "18.2.7",
diff --git a/yarn.lock b/yarn.lock
index d42aeedc8..ac22806d8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -97,6 +97,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@formatjs/intl-localematcher@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "@formatjs/intl-localematcher@npm:0.4.0"
+  dependencies:
+    tslib: ^2.4.0
+  checksum: c65108e9a81c3733d2b6240ceedc846d0ae59c3606041cb5cc71c13453cdabe295b0dc8559dc4a8acaafdc45876807bd5e9ef37a3ec1cb864e78db655d434b66
+  languageName: node
+  linkType: hard
+
 "@headlessui/react@npm:^1.7.15":
   version: 1.7.16
   resolution: "@headlessui/react@npm:1.7.16"
@@ -395,6 +404,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/negotiator@npm:^0.6.1":
+  version: 0.6.1
+  resolution: "@types/negotiator@npm:0.6.1"
+  checksum: e39f985874a30bd13186249eaaede0c5eec107178f55f2bd719c2c9d1397de329a5e0869a25dd5e7c702cdd311bd5e4153e25963900b4353545842354a2d1bc4
+  languageName: node
+  linkType: hard
+
 "@types/node@npm:20.4.4":
   version: 20.4.4
   resolution: "@types/node@npm:20.4.4"
@@ -1172,10 +1188,12 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "commerce@workspace:."
   dependencies:
+    "@formatjs/intl-localematcher": ^0.4.0
     "@headlessui/react": ^1.7.15
     "@heroicons/react": ^2.0.18
     "@tailwindcss/container-queries": ^0.1.1
     "@tailwindcss/typography": ^0.5.9
+    "@types/negotiator": ^0.6.1
     "@types/node": 20.4.4
     "@types/react": 18.2.16
     "@types/react-dom": 18.2.7
@@ -1188,6 +1206,7 @@ __metadata:
     eslint-plugin-unicorn: ^48.0.0
     eslint-plugin-unused-imports: ^3.0.0
     lint-staged: ^13.2.3
+    negotiator: ^0.6.3
     next: latest
     postcss: ^8.4.27
     prettier: 3.0.1