update to @epic-web/config

.vscode/extensions.json

@@ -1,10 +1,10 @@
 {
-  "recommendations": [
-    "dbaeumer.vscode-eslint",
-    "esbenp.prettier-vscode",
-    "bradlc.vscode-tailwindcss",
-    "neotan.vscode-auto-restart-typescript-eslint-servers",
-    "prisma.prisma",
-    "qwtel.sqlite-viewer"
-  ]
+	"recommendations": [
+		"dbaeumer.vscode-eslint",
+		"esbenp.prettier-vscode",
+		"bradlc.vscode-tailwindcss",
+		"neotan.vscode-auto-restart-typescript-eslint-servers",
+		"prisma.prisma",
+		"qwtel.sqlite-viewer"
+	]
 }

epicshop/fix-watch.js

@@ -20,10 +20,10 @@ const debouncedRun = debounce(run, 200)
 
 // Add event listeners.
 watcher
-	.on('addDir', path => {
+	.on('addDir', () => {
 		debouncedRun()
 	})
-	.on('unlinkDir', path => {
+	.on('unlinkDir', () => {
 		// Only act if path contains two slashes (excluding the leading `./`)
 		debouncedRun()
 	})

epicshop/fix.js

@@ -100,7 +100,7 @@ function exists(p) {
 	try {
 		fs.statSync(p)
 		return true
-	} catch (error) {
+	} catch {
 		return false
 	}
 }

epicshop/tsconfig.json

@@ -1,19 +1,19 @@
 {
-  "include": ["**/*.ts", "**/*.tsx"],
-  "compilerOptions": {
-    "lib": ["ES2023"],
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "module": "ES2022",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
-    "target": "ES2022",
-    "strict": true,
-    "noImplicitAny": true,
-    "allowJs": true,
-    "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true,
-    "allowImportingTsExtensions": true,
-    "noEmit": true
-  }
+	"include": ["**/*.ts", "**/*.tsx"],
+	"compilerOptions": {
+		"lib": ["ES2023"],
+		"isolatedModules": true,
+		"esModuleInterop": true,
+		"module": "ES2022",
+		"moduleResolution": "Bundler",
+		"resolveJsonModule": true,
+		"target": "ES2022",
+		"strict": true,
+		"noImplicitAny": true,
+		"allowJs": true,
+		"forceConsistentCasingInFileNames": true,
+		"skipLibCheck": true,
+		"allowImportingTsExtensions": true,
+		"noEmit": true
+	}
 }

eslint.config.js

@@ -1,38 +1,14 @@
-/** @type {import('@types/eslint').Linter.Config} */
-export default {
-	languageOptions: { parser: await import('@typescript-eslint/parser') },
-	plugins: {
-		'@typescript-eslint': (await import('@typescript-eslint/eslint-plugin'))
-			.default,
-		import: (await import('eslint-plugin-import')).default,
+import defaultConfig from '@epic-web/config/eslint'
+
+/** @type {import("eslint").Linter.Config} */
+export default [
+	{ ignores: ['**/babel-standalone.js'] },
+	...defaultConfig,
+	{
+		rules: {
+			// we leave unused vars around for the exercises
+			'no-unused-vars': 'off',
+			'@typescript-eslint/no-unused-vars': 'off',
+		},
 	},
-	ignores: ['node_modules', 'public/babel-standalone.js'],
-	rules: {
-		// playwright requires destructuring in fixtures even if you don't use anything 🤷‍♂️
-		'no-empty-pattern': 'off',
-		'@typescript-eslint/consistent-type-imports': [
-			'warn',
-			{
-				prefer: 'type-imports',
-				disallowTypeAnnotations: true,
-				fixStyle: 'inline-type-imports',
-			},
-		],
-		'import/no-duplicates': ['warn', { 'prefer-inline': true }],
-		'import/consistent-type-specifier-style': ['warn', 'prefer-inline'],
-		'import/order': [
-			'warn',
-			{
-				alphabetize: { order: 'asc', caseInsensitive: true },
-				groups: [
-					'builtin',
-					'external',
-					'internal',
-					'parent',
-					'sibling',
-					'index',
-				],
-			},
-		],
-	},
-}
+]

exercises/01.js-hello-world/01.problem.hello/index.html

@@ -25,4 +25,4 @@
 
 <!-- 🐨 Append the div to the root div using `append` -->
 <!--	 💰 root.append(div) -->
-<!--	 📜 https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append -->
+<!--	 📜 https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append -->

exercises/07.forms/01.problem.form/README.mdx

@@ -5,6 +5,6 @@ for a new user. They'll need a username to start with, so let's just render that
 and the submit button for now.
 
 <callout-info>
-🦉 You may notice a full page refresh when you submit the form. We'll talk about
-this in a future step.
-</callout-info>
+	🦉 You may notice a full page refresh when you submit the form. We'll talk
+	about this in a future step.
+</callout-info>

exercises/07.forms/02.problem.action/README.mdx

@@ -23,6 +23,6 @@ the form data to the current page's URL. We can change this by adding an
 Go ahead and add an `action` attribute to the form element.
 
 <callout-info>
-🦉 You may notice a full page refresh when you submit the form. We'll talk about
-this in a future step.
-</callout-info>
+	🦉 You may notice a full page refresh when you submit the form. We'll talk
+	about this in a future step.
+</callout-info>

exercises/07.forms/03.problem.types/README.mdx

@@ -8,6 +8,6 @@ For us, we need to add types for the password, photo, favorite color, and start
 date. Please add inputs for those fields.
 
 <callout-info>
-🦉 You may notice a full page refresh when you submit the form. We'll talk about
-this in a future step.
-</callout-info>
+	🦉 You may notice a full page refresh when you submit the form. We'll talk
+	about this in a future step.
+</callout-info>