@ path in example instead of baseUrl

Author: amannn

examples/example-app-router/src/app/[locale]/error.tsx

@@ -2,7 +2,7 @@
 
 import {useTranslations} from 'next-intl';
 import {useEffect} from 'react';
-import PageLayout from 'components/PageLayout';
+import PageLayout from '@/components/PageLayout';
 
 type Props = {
   error: Error;

examples/example-app-router/src/app/[locale]/layout.tsx

@@ -2,8 +2,8 @@ import clsx from 'clsx';
 import {Inter} from 'next/font/google';
 import {getTranslations, unstable_setRequestLocale} from 'next-intl/server';
 import {ReactNode} from 'react';
-import Navigation from 'components/Navigation';
-import {locales} from '../../config';
+import Navigation from '@/components/Navigation';
+import {locales} from '@/config';
 
 const inter = Inter({subsets: ['latin']});
 

examples/example-app-router/src/app/[locale]/not-found.tsx

@@ -1,5 +1,5 @@
 import {useTranslations} from 'next-intl';
-import PageLayout from 'components/PageLayout';
+import PageLayout from '@/components/PageLayout';
 
 // Note that `app/[locale]/[...rest]/page.tsx`
 // is necessary for this page to render.

examples/example-app-router/src/app/[locale]/page.tsx

@@ -1,6 +1,6 @@
 import {useTranslations} from 'next-intl';
 import {unstable_setRequestLocale} from 'next-intl/server';
-import PageLayout from 'components/PageLayout';
+import PageLayout from '@/components/PageLayout';
 
 type Props = {
   params: {locale: string};

examples/example-app-router/src/app/[locale]/pathnames/page.tsx

@@ -1,6 +1,6 @@
 import {useTranslations} from 'next-intl';
 import {unstable_setRequestLocale} from 'next-intl/server';
-import PageLayout from 'components/PageLayout';
+import PageLayout from '@/components/PageLayout';
 
 type Props = {
   params: {locale: string};

examples/example-app-router/src/app/sitemap.ts

@@ -1,6 +1,6 @@
 import {MetadataRoute} from 'next';
-import {locales, pathnames, defaultLocale, host} from 'config';
-import {getPathname} from 'navigation';
+import {locales, pathnames, defaultLocale, host} from '@/config';
+import {getPathname} from '@/navigation';
 
 export default function sitemap(): MetadataRoute.Sitemap {
   const keys = Object.keys(pathnames) as Array<keyof typeof pathnames>;

examples/example-app-router/src/components/LocaleSwitcher.tsx

@@ -1,6 +1,6 @@
 import {useLocale, useTranslations} from 'next-intl';
-import {locales} from '../config';
 import LocaleSwitcherSelect from './LocaleSwitcherSelect';
+import {locales} from '@/config';
 
 export default function LocaleSwitcher() {
   const t = useTranslations('LocaleSwitcher');

examples/example-app-router/src/components/LocaleSwitcherSelect.tsx

@@ -3,7 +3,7 @@
 import clsx from 'clsx';
 import {useParams} from 'next/navigation';
 import {ChangeEvent, ReactNode, useTransition} from 'react';
-import {useRouter, usePathname} from '../navigation';
+import {useRouter, usePathname} from '@/navigation';
 
 type Props = {
   children: ReactNode;

examples/example-app-router/src/components/NavigationLink.tsx

@@ -3,8 +3,8 @@
 import clsx from 'clsx';
 import {useSelectedLayoutSegment} from 'next/navigation';
 import {ComponentProps} from 'react';
-import type {AppPathnames} from '../config';
-import {Link} from '../navigation';
+import type {AppPathnames} from '@/config';
+import {Link} from '@/navigation';
 
 export default function NavigationLink<Pathname extends AppPathnames>({
   href,

examples/example-app-router/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "extends": "eslint-config-molindo/tsconfig.json",
   "compilerOptions": {
-    "baseUrl": "src",
     "target": "es5",
     "lib": [
       "dom",
@@ -22,7 +21,10 @@
       {
         "name": "next"
       }
-    ]
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   },
   "include": [
     "next-env.d.ts",