move to playground

examples/example-app-router-playground/global.d.ts

@@ -1,8 +1,11 @@
 import en from './messages/en.json';
+import {formats} from './src/i18n/request';
 
 type Messages = typeof en;
+type Formats = typeof formats;
 
 declare global {
   // Use type safe message keys with `next-intl`
   interface IntlMessages extends Messages {}
+  interface IntlFormats extends Formats {}
 }

examples/example-app-router-playground/src/i18n/request.tsx

@@ -1,9 +1,20 @@
 import {headers} from 'next/headers';
 import {notFound} from 'next/navigation';
+import {Formats} from 'next-intl';
 import {getRequestConfig} from 'next-intl/server';
 import defaultMessages from '../../messages/en.json';
 import {routing} from './routing';
 
+export const formats = {
+  dateTime: {
+    medium: {
+      dateStyle: 'medium',
+      timeStyle: 'short',
+      hour12: false
+    }
+  }
+} as const satisfies Partial<Formats>;
+
 export default getRequestConfig(async ({locale}) => {
   // Validate that the incoming `locale` parameter is valid
   if (!routing.locales.includes(locale as any)) notFound();
@@ -22,15 +33,7 @@ export default getRequestConfig(async ({locale}) => {
       globalString: 'Global string',
       highlight: (chunks) => <strong>{chunks}</strong>
     },
-    formats: {
-      dateTime: {
-        medium: {
-          dateStyle: 'medium',
-          timeStyle: 'short',
-          hour12: false
-        }
-      }
-    },
+    formats,
     onError(error) {
       if (
         error.message ===

examples/example-app-router/global.d.ts

@@ -1,11 +1,8 @@
 import en from './messages/en.json';
-import {formats} from './src/i18n/request';
 
 type Messages = typeof en;
-type Formats = typeof formats;
 
 declare global {
   // Use type safe message keys with `next-intl`
   interface IntlMessages extends Messages {}
-  interface IntlFormats extends Formats {}
 }

examples/example-app-router/src/i18n/request.ts

@@ -1,40 +1,16 @@
 import {notFound} from 'next/navigation';
-import {Formats} from 'next-intl';
 import {getRequestConfig} from 'next-intl/server';
 import {routing} from './routing';
 
-export const formats = {
-  dateTime: {
-    short: {
-      day: 'numeric',
-      month: 'short',
-      year: 'numeric'
-    }
-  },
-  number: {
-    precise: {
-      maximumFractionDigits: 5
-    }
-  },
-  list: {
-    enumeration: {
-      style: 'long',
-      type: 'conjunction'
-    }
-  }
-} as const satisfies Partial<Formats>;
-
 export default getRequestConfig(async ({locale}) => {
   // Validate that the incoming `locale` parameter is valid
   if (!routing.locales.includes(locale as any)) notFound();
-
   return {
     messages: (
       await (locale === 'en'
         ? // When using Turbopack, this will enable HMR for `en`
           import('../../messages/en.json')
         : import(`../../messages/${locale}.json`))
-    ).default,
-    formats
+    ).default
   };
 });