https://next-intl.dev/_next/static/chunks/pages/docs/usage/display-name-51e5a1e8746be933.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3878],{6873:function(i,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/usage/display-name",function(){return t(6082)}])},3364:function(i,e,t){"use strict";t.d(e,{Z:function(){return l}});var s=t(651),n=t(3048);let r={default:"\uD83D\uDCA1",warning:"⚠️",question:"\uD83E\uDD14"},a={default:(0,n.Z)("border-green-700/20 bg-green-50 text-green-800 dark:border-green-400/40 dark:bg-green-700/30 dark:text-white/90"),warning:(0,n.Z)("border-yellow-700/20 bg-yellow-50 text-yellow-900 dark:border-yellow-400/40 dark:bg-yellow-700/30 dark:text-white/90"),question:(0,n.Z)("border-sky-700/20 bg-sky-50 text-sky-800 dark:border-sky-400/40 dark:bg-sky-700/30 dark:text-white/90")};function l(i){let{children:e,type:t="default",title:l,className:h,emoji:d=r[t]}=i;return(0,s.jsxs)("div",{className:(0,n.Z)(h,"nextra-callout mt-6 flex overflow-x-auto rounded-lg border py-3 ltr:pr-4 rtl:pl-4","contrast-more:border-current contrast-more:dark:border-current",a[t]),children:[(0,s.jsx)("div",{className:"select-none text-xl ltr:pl-3 ltr:pr-2 rtl:pl-2 rtl:pr-3",style:{fontFamily:'"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'},children:d}),(0,s.jsxs)("div",{className:"w-full min-w-0 leading-7",children:[l&&(0,s.jsx)("p",{className:"mb-1",children:(0,s.jsx)("strong",{children:l})}),(0,s.jsx)("div",{children:e})]})]})}},6082:function(i,e,t){"use strict";t.r(e),t.d(e,{useTOC:function(){return d}});var s=t(651),n=t(4580),r=t(8330),a=t(4601),l=t(3364),h=t(6160);function d(i){return[{value:"Formatting display names",id:"formatting-display-names",depth:2}]}e.default=(0,n.c)(function(i){let{toc:e=d(i)}=i,t={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",span:"span",ul:"ul",...(0,a.a)(),...i.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"Display names"}),"\n",(0,s.jsxs)(t.p,{children:["When you need to display locale-aware names for regions, languages, currencies, or scripts, you can use the ",(0,s.jsx)(t.code,{children:"displayName"})," function from the ",(0,s.jsx)(t.code,{children:"useFormatter"})," hook."]}),"\n",(0,s.jsx)(t.p,{children:"The output adapts to the current locale automatically:"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["“United States” in ",(0,s.jsx)(t.code,{children:"en-US"})]}),"\n",(0,s.jsxs)(t.li,{children:["“\xc9tats-Unis” in ",(0,s.jsx)(t.code,{children:"fr-FR"})]}),"\n",(0,s.jsxs)(t.li,{children:["“Vereinigte Staaten” in ",(0,s.jsx)(t.code,{children:"de-DE"})]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:e[0].id,children:e[0].value}),"\n",(0,s.jsx)(t.pre,{icon:h.Dr,tabIndex:"0","data-language":"js","data-word-wrap":"","data-copy":"",children:(0,s.jsxs)(t.code,{children:[(0,s.jsxs)(t.span,{children:[(0,s.jsx)(t.span,{style:{"--shiki-light":"#D32F2F","--shiki-light-font-style":"inherit","--shiki-dark":"#C792EA","--shiki-dark-font-style":"italic"},children:"import"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:" {useFormatter} "}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#D32F2F","--shiki-light-font-style":"inherit","--shiki-dark":"#C792EA","--shiki-dark-font-style":"italic"},children:"from"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:" '"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"next-intl"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:";"})]}),"\n",(0,s.jsx)(t.span,{children:" "}),"\n",(0,s.jsxs)(t.span,{children:[(0,s.jsx)(t.span,{style:{"--shiki-light":"#D32F2F","--shiki-dark":"#C792EA"},children:"function"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#82AAFF","--shiki-dark-font-style":"italic"},children:" Component"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D9F5DD"},children:"()"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:" {"})]}),"\n",(0,s.jsxs)(t.span,{children:[(0,s.jsx)(t.span,{style:{"--shiki-light":"#D32F2F","--shiki-dark":"#C792EA"},children:"  const"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#1976D2","--shiki-light-font-style":"inherit","--shiki-dark":"#82AAFF","--shiki-dark-font-style":"italic"},children:" format"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#D32F2F","--shiki-dark":"#C792EA"},children:" ="}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#82AAFF","--shiki-dark-font-style":"italic"},children:" useFormatter"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"}

1,children:"();"})]}),"\n",(0,s.jsx)(t.span,{children:" "}),"\n",(0,s.jsx)(t.span,{children:(0,s.jsx)(t.span,{style:{"--shiki-light":"#808EA3","--shiki-light-font-style":"inherit","--shiki-dark":"#637777","--shiki-dark-font-style":"italic"},children:'  // Renders "United States"'})}),"\n",(0,s.jsxs)(t.span,{children:[(0,s.jsx)(t.span,{style:{"--shiki-light":"#1976D2","--shiki-light-font-style":"inherit","--shiki-dark":"#7FDBCA","--shiki-dark-font-style":"italic"},children:"  format"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#C792EA","--shiki-dark-font-style":"italic"},children:"."}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#82AAFF","--shiki-dark-font-style":"italic"},children:"displayName"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:"("}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"US"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#212121","--shiki-dark":"#5F7E97"},children:","}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:" {type"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#D32F2F","--shiki-dark":"#D6DEEB"},children:":"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:" '"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"region"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:"});"})]}),"\n",(0,s.jsx)(t.span,{children:" "}),"\n",(0,s.jsx)(t.span,{children:(0,s.jsx)(t.span,{style:{"--shiki-light":"#808EA3","--shiki-light-font-style":"inherit","--shiki-dark":"#637777","--shiki-dark-font-style":"italic"},children:'  // Renders "English"'})}),"\n",(0,s.jsxs)(t.span,{children:[(0,s.jsx)(t.span,{style:{"--shiki-light":"#1976D2","--shiki-light-font-style":"inherit","--shiki-dark":"#7FDBCA","--shiki-dark-font-style":"italic"},children:"  format"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#C792EA","--shiki-dark-font-style":"italic"},children:"."}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#82AAFF","--shiki-dark-font-style":"italic"},children:"displayName"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:"("}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"en"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#212121","--shiki-dark":"#5F7E97"},children:","}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:" {type"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#D32F2F","--shiki-dark":"#D6DEEB"},children:":"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:" '"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"language"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:"});"})]}),"\n",(0,s.jsx)(t.span,{children:" "}),"\n",(0,s.jsx)(t.span,{children:(0,s.jsx)(t.span,{style:{"--shiki-light":"#808EA3","--shiki-light-font-style":"inherit","--shiki-dark":"#637777","--shiki-dark-font-style":"italic"},children:'  // Renders "US Dollar"'})}),"\n",(0,s.jsxs)(t.span,{children:[(0,s.jsx)(t.span,{style:{"--shiki-light":"#1976D2","--shiki-light-font-style":"inherit","--shiki-dark":"#7FDBCA","--shiki-dark-font-style":"italic"},children:"  format"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#C792EA","--shiki-dark-font-style":"italic"},children:"."}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#82AAFF","--shiki-dark-font-style":"italic"},children:"displayName"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:"("}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"USD"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#212121","--shiki-dark":"#5F7E97"},children:","}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:" {type"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#D32F2F","--shiki-dark":"#D6DEEB"},children:":"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:" '"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"currency"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:"});"})]}),"\n",(0,s.jsx)(t.span,{children:" "}),"\n",(0,s.jsx)(t.span,{children:(0,s.jsx)(t.span,{style:{"--shiki-light":"#808EA3","--shiki-light-font-style":"inherit","--shiki-dark":"#637777","--shiki-dark-font-style":"italic"},children:'  // Renders "Latin"'})}),"\n",(0,s.jsxs)(t.span,{children:[(0,s.jsx)(t.span,{style:{"--shiki-light":"#1976D2","--shiki-light-font-style":"inherit","--shiki-dark":"#7FDBCA","--shiki-dark-font-style":"italic"},children:"  format"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#C792EA","--shiki-dark-font-style":"italic"},children:"."}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#82AAFF","--shiki-dark-font-style":"italic"},children:"displayName"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:"("}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"Latn"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#212121","--shiki-dark":"#5F7E97"},children:","}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:" {type"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#D32F2F","--shiki-dark":"#D6DEEB"},children:":"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:" '"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"script"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:"});"})]}),"\n",(0,s.jsx)(t.span,{children:(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:"}"})})]})}),"\n",(0,s.jsxs)(t.p,{children:["See the MDN docs about ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames",children:(0,s.jsx)(t.code,{children:"DisplayNames"})})," to learn more about the options you can pass to the ",(0,s.jsx)(t.code,{children:"displayName"})," function."]}),"\n",(0,s.jsxs)(t.p,{children:["Note that ",(0,s.jsx)(t.code,{children:"type"})," is a required option. The accepted values depend on the runtime, but commonly supported types are: ",(0,s.jsx)(t.code,{children:"region"}),", ",(0,s.jsx)(t.code,{children:"language"}),", ",(0,s.jsx)(t.code,{children:"currency"}),", and ",(0,s.jsx)(t.code,{children:"script"}),"."]}),"\n",(0,s.jsxs)(t.p,{children:["If you have ",(0,s.jsx)(t.a,{href:"/docs/usage/configuration#formats",children:"global formats"})," configured, you can reference them by passing a name as the second argument:"]}),"\n",(0,s.jsx)(t.pre,{icon:h.Dr,tabIndex:"0","data-language":"js","data-word-wrap":"","data-copy":"",children:(0,s.jsxs)(t.code,{children:[(0,s.jsx)(t.span,{children:(0,s.jsx)(t.span,{style:{"--shiki-light":"#808EA3","--shiki-light-font-style":"inherit","--shiki-dark":"#637777","--shiki-dark-font-style":"italic"},children:"// Use a global format"})}),"\n",(0,s.jsxs)(t.span,{children:[(0,s.jsx)(t.span,{style:{"--shiki-light":"#1976D2","--shiki-light-font-style":"inherit","--shiki-dark":"#7FDBCA","--shiki-dark-font-style":"italic"},children:"format"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#C792EA","--shiki-dark-font-style":"italic"},children:"."}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#82AAFF","--shiki-dark-font-style":"italic"},children:"displayName"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:"("}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"US"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#212121","--shiki-dark":"#D6DEEB"},children:","}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:" '"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"region"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:");"})]}),"\n",(0,s.jsx)(t.span,{children:" "}),"\n",(0,s.jsx)(t.span,{children:(0,s.jsx)(t.span,{style:{"--shiki-light":"#808EA3","--shiki-light-font-style":"inherit","--shiki-dark":"#637777","--shiki-dark-font-style":"italic"},children:"// Optionally override some options"})}),"\n",(0,s.jsxs)(t.span,{children:[(0,s.jsx)(t.span,{style:{"--shiki-light":"#1976D2","--shiki-light-font-style":"inherit","--shiki-dark":"#7FDBCA","--shiki-dark-font-style":"italic"},children:"format"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#C792EA","--shiki-dark-font-style":"italic"},children:"."}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#6F42C1","--shiki-light-font-style":"inherit","--shiki-dark":"#82AAFF","--shiki-dark-font-style":"italic"},children:"displayName"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:"("}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"US"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#212121","--shiki-dark":"#D6DEEB"},children:","}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:" '"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"region"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#212121","--shiki-dark":"#D6DEEB"},children:","}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:" {style"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#D32F2F","--shiki-dark":"#D6DEEB"},children:":"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:" '"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#ECC48D"},children:"narrow"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#22863A","--shiki-dark":"#D9F5DD"},children:"'"}),(0,s.jsx)(t.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#D6DEEB"},children:"});"})]})]})}),"\n",(0,s.jsx)(l.Z,{children:(0,s.jsxs)(t.p,{children:["Display names can currently only be formatted via ",(0,s.jsx)(t.code,{children:"useFormatter"}),". There is no\nequivalent inline syntax for messages."]})})]})},"/docs/usage/display-name",{filePath:"src/pages/docs/usage/display-name.mdx",timestamp:1777400825e3,pageMap:r.v,frontMatter:{},title:"Display names"},"undefined"==typeof RemoteContent?d:RemoteContent.useTOC)},8330:function(i,e,t){"use strict";t.d(e,{v:function(){return s}});let s=[{data:{index:{title:"Introduction",type:"page",display:"hidden",theme:{layout:"raw"}},docs:{title:"Docs",type:"page"},examples:{title:"Examples",type:"page",theme:{sidebar:!1,toc:!1}},cli:{title:"CLI",type:"page",titleChildren:(0,t(651).jsx)("span",{className:"absolute -right-4 -top-3 rotate-6 rounded-sm bg-blue-500 px-1 py-[1px] text-[10px] font-semibold uppercase tracking-wider text-white group-[.navbar-home]:bg-blue-300 group-[.navbar-home]:text-blue-900 dark:bg-blue-300 dark:text-blue-900",children:"Beta"}),theme:{sidebar:!1,toc:!1},href:"https://cli.eloqnt.dev/docs"},learn:{title:"Learn",type:"page",theme:{sidebar:!1,toc:!1},href:"https://learn.next-intl.dev"},blog:{title:"Blog",type:"page",theme:{sidebar:!1,toc:!1}}}},{name:"blog",route:"/blog",children:[{data:{index:{title:"Overview"},"nextjs-root-params":{title:"Using next/root-params in Next.js 16.3",display:"hidden"},precompilation:{title:"Ahead-of-time compilation for next-intl",display:"hidden"},"use-extracted":{title:"useExtracted: The Tailwind of i18n?",dis

1play:"hidden"},"next-intl-4-0":{title:"next-intl 4.0",display:"hidden"},"next-intl-3-22":{title:"next-intl 3.22",display:"hidden"},"date-formatting-nextjs":{title:"Reliable date formatting in Next.js",display:"hidden"},"next-intl-3-0":{title:"next-intl 3.0",display:"hidden"},"translations-outside-of-react-components":{title:"How (not) to use translations outside of React components",display:"hidden"}}},{name:"date-formatting-nextjs",route:"/blog/date-formatting-nextjs",frontMatter:{title:"Reliable date formatting in Next.js"}},{name:"index",route:"/blog",frontMatter:{sidebarTitle:"Index"}},{name:"next-intl-3-0",route:"/blog/next-intl-3-0",frontMatter:{title:"next-intl 3.0"}},{name:"next-intl-3-22",route:"/blog/next-intl-3-22",frontMatter:{title:"next-intl 3.22",subtitle:"Incrementally moving forward"}},{name:"next-intl-4-0",route:"/blog/next-intl-4-0",frontMatter:{title:"next-intl 4.0"}},{name:"nextjs-root-params",route:"/blog/nextjs-root-params",frontMatter:{title:"Using next/root-params in Next.js 16.3"}},{name:"precompilation",route:"/blog/precompilation",frontMatter:{title:"Ahead-of-time compilation for next-intl"}},{name:"translations-outside-of-react-components",route:"/blog/translations-outside-of-react-components",frontMatter:{title:"How (not) to use translations outside of React components"}},{name:"use-extracted",route:"/blog/use-extracted",frontMatter:{title:"useExtracted",subtitle:"The Tailwind of i18n?"}}]},{name:"docs",route:"/docs",children:[{data:{"getting-started":"Getting started",usage:"Usage guide",routing:"Routing",environments:"Environments",workflows:"Workflows & integrations","design-principles":"Design principles"}},{name:"design-principles",route:"/docs/design-principles",frontMatter:{sidebarTitle:"Design Principles"}},{name:"environments",route:"/docs/environments",children:[{data:{"server-client-components":"Server & Client Components","actions-metadata-route-handlers":"Server Actions, Metadata & Route Handlers","error-files":"Error files (e.g. not-found)",testing:"Testing","core-library":"Core library","runtime-requirements":"Runtime requirements"}},{name:"actions-metadata-route-handlers",route:"/docs/environments/actions-metadata-route-handlers",frontMatter:{sidebarTitle:"Actions Metadata Route Handlers"}},{name:"core-library",route:"/docs/environments/core-library",frontMatter:{sidebarTitle:"Core Library"}},{name:"error-files",route:"/docs/environments/error-files",frontMatter:{sidebarTitle:"Error Files"}},{name:"runtime-requirements",route:"/docs/environments/runtime-requirements",frontMatter:{sidebarTitle:"Runtime Requirements"}},{name:"server-client-components",route:"/docs/environments/server-client-components",frontMatter:{sidebarTitle:"Server Client Components"}},{name:"testing",route:"/docs/environments/testing",frontMatter:{sidebarTitle:"Testing"}}]},{name:"environments",route:"/docs/environments",frontMatter:{sidebarTitle:"Environments"}},{name:"getting-started",route:"/docs/getting-started",children:[{data:{"app-router":"App Router","pages-router":"Pages Router"}},{name:"app-router",route:"/docs/getting-started/app-router",frontMatter:{sidebarTitle:"App Router"}},{name:"pages-router",route:"/docs/getting-started/pages-router",frontMatter:{sidebarTitle:"Pages Router"}}]},{name:"getting-started",route:"/docs/getting-started",frontMatter:{sidebarTitle:"Getting Started"}},{name:"routing",route:"/docs/routing",children:[{data:{setup:"Setup",configuration:"Configuration",middleware:"Proxy / middleware",navigation:"Navigation"}},{name:"configuration",route:"/docs/routing/configuration",frontMatter:{sidebarTitle:"Configuration"}},{name:"middleware",route:"/docs/routing/middleware",frontMatter:{sidebarTitle:"Middleware"}},{name:"navigation",route:"/docs/routing/navigation",frontMatter:{sidebarTitle:"Navigation"}},{name:"setup",route:"/docs/routing/setup",frontMatter:{sidebarTitle:"Setup"}}]},{name:"routing",route:"/docs/routing",frontMatter:{sidebarTitle:"Routing"}},{name:"usage",route:"/docs/usage",children:[{data:{translations:"Translations",numbers:"Numbers","dates-times":"Dates and times",lists:"Lists","display-name":"Display names",configuration:"Request configuration",extraction:"useExtracted",plugin:"Next.js plugin"}},{name:"configuration",route:"/docs/usage/configuration",frontMatter:{

1sidebarTitle:"Configuration"}},{name:"dates-times",route:"/docs/usage/dates-times",frontMatter:{sidebarTitle:"Dates Times"}},{name:"display-name",route:"/docs/usage/display-name",frontMatter:{sidebarTitle:"Display Name"}},{name:"extraction",route:"/docs/usage/extraction",frontMatter:{sidebarTitle:"Extraction"}},{name:"lists",route:"/docs/usage/lists",frontMatter:{sidebarTitle:"Lists"}},{name:"numbers",route:"/docs/usage/numbers",frontMatter:{sidebarTitle:"Numbers"}},{name:"plugin",route:"/docs/usage/plugin",frontMatter:{sidebarTitle:"Plugin"}},{name:"translations",route:"/docs/usage/translations",frontMatter:{sidebarTitle:"Translations"}}]},{name:"usage",route:"/docs/usage",frontMatter:{sidebarTitle:"Usage"}},{name:"workflows",route:"/docs/workflows",children:[{data:{typescript:"TypeScript augmentation","localization-management":"Localization management with Crowdin",agents:"AI agents",messages:"Linting messages",storybook:"Storybook"}},{name:"agents",route:"/docs/workflows/agents",frontMatter:{sidebarTitle:"Agents"}},{name:"localization-management",route:"/docs/workflows/localization-management",frontMatter:{sidebarTitle:"Localization Management"}},{name:"messages",route:"/docs/workflows/messages",frontMatter:{sidebarTitle:"Messages"}},{name:"storybook",route:"/docs/workflows/storybook",frontMatter:{sidebarTitle:"Storybook"}},{name:"typescript",route:"/docs/workflows/typescript",frontMatter:{sidebarTitle:"TypeScript"}}]},{name:"workflows",route:"/docs/workflows",frontMatter:{sidebarTitle:"Workflows"}}]},{name:"examples",route:"/examples",frontMatter:{sidebarTitle:"Examples"}},{name:"index",route:"/",frontMatter:{title:"next-intl"}}]}},function(i){i.O(0,[4580,2888,9774,179],function(){return i(i.s=6873)}),_N_E=i.O()}]);