docs: Update legacy example to use next-intl instead of use-intl (#1583)

Related to #1282

Author: amannn

docs/src/pages/docs/getting-started/pages-router.mdx

@@ -109,9 +109,3 @@ export async function getStaticProps() {
 </ul>
 
 </Callout>
-
-## Support for legacy Next.js versions
-
-Next.js version 10, 11 and 12 are still supported. Note however that instead of installing `next-intl`, you'll have to import functionality like `useTranslations` from [`use-intl`](/docs/environments/core-library#react-apps).
-
-See the [legacy example](https://github.com/amannn/next-intl/tree/main/examples/example-pages-router-legacy).

examples/example-pages-router-legacy/package.json

@@ -11,7 +11,7 @@
     "next": "^12.0.0",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
-    "use-intl": "^3.0.0"
+    "next-intl": "^3.0.0"
   },
   "devDependencies": {
     "eslint": "^9.11.1",

examples/example-pages-router-legacy/src/pages/_app.js

@@ -1,13 +1,13 @@
 import Head from 'next/head';
 import {useRouter} from 'next/router';
-import {IntlProvider} from 'use-intl';
+import {NextIntlClientProvider} from 'next-intl';
 
 export default function App({Component, pageProps}) {
   const router = useRouter();
   const {messages, now, ...rest} = pageProps;
 
   return (
-    <IntlProvider
+    <NextIntlClientProvider
       locale={router.locale}
       messages={messages}
       now={new Date(now)}
@@ -17,6 +17,6 @@ export default function App({Component, pageProps}) {
         <title>example-pages-router-legacy</title>
       </Head>
       <Component {...rest} />
-    </IntlProvider>
+    </NextIntlClientProvider>
   );
 }

examples/example-pages-router-legacy/src/pages/index.js

@@ -1,4 +1,4 @@
-import {useFormatter, useNow, useTranslations} from 'use-intl';
+import {useFormatter, useNow, useTranslations} from 'next-intl';
 import PageLayout from '../components/PageLayout';
 
 export default function Index() {

packages/next-intl/package.json

@@ -115,7 +115,7 @@
     "use-intl": "workspace:^"
   },
   "peerDependencies": {
-    "next": "^13.0.0 || ^14.0.0 || ^15.0.0",
+    "next": "^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0",
     "react": "^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0",
     "typescript": "^5.0.0"
   },