linting

Author: AlemTuzlak

eslint.config.js

@@ -4,7 +4,12 @@ import defaultConfig from '@epic-web/config/eslint'
 export default [
 	...defaultConfig.map((config) => ({
 		...config,
-		ignores: [...(config.ignores ?? []), '**/.react-router/**/*'],
+		ignores: [
+			...(config.ignores ?? []),
+			'**/.react-router/**/*',
+			'**/generated/**/*',
+			'**/tests/e2e/**/*',
+		],
 	})),
 
 	{

exercises/01.routing/01.problem.routing/README.mdx

@@ -13,8 +13,9 @@ In this exercise, you will:
 
 ## Getting Started
 
-To get started, find our helpful assistants comments in the `app/routes.ts` file. (They include 🐨 emoji) 
+To get started, find our helpful assistants comments in the `app/routes.ts` file. (They include 🐨 emoji)
 and implement the following routes:
+
 - `Landing page layout` that wraps all the other routes (`./routes/_landing.tsx`).
 - `/` - The index route that renders the landing page (`./routes/_landing._index/route.tsx`).
 - `/about` - The about route that renders the `About` page (`./routes/_landing.about.tsx`).
@@ -26,5 +27,4 @@ and implement the following routes:
 - `/terms-of-service` - The terms of service route that renders the `TermsOfService` page (`./routes/_landing.terms-of-service.tsx`).
 
 > Bonus (only after completing the above): Create a utility function to easily define landing page routes.
-> This utility should be used to define the routes above 
- 
+> This utility should be used to define the routes above

exercises/01.routing/01.problem.routing/app/root.tsx

@@ -6,7 +6,7 @@ import {
 	Scripts,
 	ScrollRestoration,
 } from 'react-router'
-import type { Route } from './+types/root'
+import { type Route } from './+types/root'
 import { EpicShop } from './epicshop'
 
 export function Layout({ children }: { children: React.ReactNode }) {

exercises/01.routing/01.problem.routing/app/routes/_landing._index/route.tsx

@@ -1,7 +1,3 @@
 export default function HomePage() {
-	return (
-		<div className="bg-stone-50 dark:bg-gray-900">
-			Landing page!
-		</div>
-	)
+	return <div className="bg-stone-50 dark:bg-gray-900">Landing page!</div>
 }

exercises/01.routing/01.problem.routing/app/routes/_landing.about.tsx

@@ -1,7 +1,3 @@
 export default function AboutPage() {
-	return (
-		<div className="bg-stone-50 dark:bg-gray-900">
-			About page!
-		</div>
-	)
+	return <div className="bg-stone-50 dark:bg-gray-900">About page!</div>
 }

exercises/01.routing/01.problem.routing/app/routes/_landing.cart.tsx

@@ -1,13 +1,7 @@
-
 import { Link } from 'react-router'
 
 export default function CartPage() {
-
-
-
 	return (
-		<div className="min-h-screen bg-stone-50 dark:bg-gray-900">
-			Cart page
-		</div>
+		<div className="min-h-screen bg-stone-50 dark:bg-gray-900">Cart page</div>
 	)
 }

exercises/01.routing/01.problem.routing/app/routes/_landing.contact.tsx

@@ -1,8 +1,3 @@
-
 export default function ContactPage() {
-	return (
-		<div className="bg-stone-50 dark:bg-gray-900">
-			Contact page!
-		</div>
-	)
+	return <div className="bg-stone-50 dark:bg-gray-900">Contact page!</div>
 }

exercises/01.routing/01.problem.routing/app/routes/_landing.products.$productId.tsx

@@ -1,4 +1,3 @@
-
 export default function ProductDetailPage() {
 	return (
 		<div className="min-h-screen bg-stone-50 dark:bg-gray-900">

exercises/01.routing/01.problem.routing/app/routes/_landing.products.tsx

@@ -1,9 +1,9 @@
-import { Outlet } from "react-router"
-
-export default function ProductsLandingPage() {
-  return (
-    <>
-      <Outlet />
-    </>
-  )
-}
+import { Outlet } from 'react-router'
+
+export default function ProductsLandingPage() {
+	return (
+		<>
+			<Outlet />
+		</>
+	)
+}

exercises/01.routing/01.problem.routing/app/routes/_landing.terms-of-service.tsx

@@ -1,7 +1,5 @@
 export default function TOSPage() {
 	return (
-		<div className="bg-stone-50 dark:bg-gray-900">
-			Terms of Service page!
-		</div>
+		<div className="bg-stone-50 dark:bg-gray-900">Terms of Service page!</div>
 	)
 }