Migrated 'with-absolute-imports' to App-router Convention (#68666)

Hemanshu-Upadhyay · samcx · web-flow · commit 51892ebbfd1c · 2024-08-08T11:28:03.000-07:00
Hey There 👋 This PR Includes the following changes -> Migration of with-absolute-imports example to App Router -> Updated all packages -> Added the Layout page as per App router Convention. cc - @samcx Co-authored-by: Sam Ko <sam@vercel.com>
diff --git a/examples/with-absolute-imports/app/layout.tsx b/examples/with-absolute-imports/app/layout.tsx
@@ -0,0 +1,16 @@
+export const metadata = {
+  title: "Next.js",
+  description: "Generated by Next.js",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/examples/with-absolute-imports/app/page.tsx b/examples/with-absolute-imports/app/page.tsx
diff --git a/examples/with-absolute-imports/package.json b/examples/with-absolute-imports/package.json
@@ -7,13 +7,13 @@
   },
   "dependencies": {
     "next": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@types/node": "^18.11.9",
-    "@types/react": "^18.0.25",
-    "@types/react-dom": "^18.0.8",
-    "typescript": "^4.8.4"
+    "@types/node": "^22.1.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "typescript": "^5.5.4"
   }
 }
diff --git a/examples/with-absolute-imports/tsconfig.json b/examples/with-absolute-imports/tsconfig.json
@@ -19,8 +19,13 @@
     // Using "paths" allows you to configure module path aliases
     "paths": {
       "@/components/*": ["components/*"]
-    }
+    },
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }
