Add moduleDetection: force to tsconfig, remove unnecessary export {} statements, and fix problem file variables

Author: kentcdodds

exercises/03.primitive-types/01.problem.numbers-and-strings/index.ts

@@ -2,23 +2,21 @@
 // Let's create variables to store product information
 
 // 🐨 Create a variable `price` with type `number` set to 29.99
+const price: number = 29.99
 
 // 🐨 Create a variable `productName` with type `string` set to "TypeScript Guide"
+const productName: string = 'TypeScript Guide'
 
 // 🐨 Create a variable `quantity` with type `number` set to 100
+const quantity: number = 100
 
 // 🐨 Create a `description` using a template literal that outputs:
 // "Product: TypeScript Guide | Price: $29.99 | In Stock: 100"
 // 💰 Use backticks ` and ${variable} syntax
+const description = `Product: ${productName} | Price: $${price} | In Stock: ${quantity}`
 
 // ✅ These console.logs will verify your work
 console.log('Price:', price)
-// @ts-expect-error - 💣 remove this comment once you create the productName variable
 console.log('Product:', productName)
-// @ts-expect-error - 💣 remove this comment once you create the quantity variable
 console.log('Quantity:', quantity)
-// @ts-expect-error - 💣 remove this comment once you create the description variable
 console.log('Description:', description)
-
-// 🦺 This line ensures TypeScript treats this as a module
-export {}

exercises/04.control-flow/02.problem.loops/index.ts

@@ -0,0 +1,20 @@
+// Shopping Cart Calculator
+// Using loops to process arrays
+
+const prices: Array<number> = [29.99, 9.99, 49.99, 4.99, 19.99]
+
+// 🐨 Create a variable `total` starting at 0
+// 💰 let total = 0
+
+// 🐨 Create a variable `expensiveItemCount` starting at 0
+// (items over $10)
+
+// 🐨 Write a for loop to iterate through prices
+// 💰 for (let i = 0; i < prices.length; i++)
+
+// Inside the loop:
+// 🐨 Add the current price to total
+// 🐨 If the price is over 10, increment expensiveItemCount
+
+// console.log(`Total: $${total.toFixed(2)}`)
+// console.log(`Expensive items (>$10): ${expensiveItemCount}`)

exercises/04.control-flow/02.problem.switch-statements/index.ts

@@ -16,6 +16,3 @@ const grade: string = 'B'
 // 💰 Don't forget the `break` after each case!
 
 // console.log(`Grade ${grade}: ${description}`)
-
-// 🦺 This line ensures TypeScript treats this as a module
-export {}

exercises/04.control-flow/03.problem.for-of-iteration/index.ts

@@ -0,0 +1,22 @@
+// Shopping Cart Analysis
+// Using for...of for cleaner iteration
+
+const prices: Array<number> = [29.99, 9.99, 49.99, 4.99, 19.99]
+
+// 🐨 Create variables for total, count, and highest price
+// let total = 0
+// let highestPrice = prices[0]
+
+// 🐨 Use for...of to iterate through prices
+// 💰 for (const price of prices)
+
+// Inside the loop:
+// 🐨 Add price to total
+// 🐨 Check if price is higher than highestPrice, update if so
+
+// 🐨 Calculate the average after the loop
+// 💰 const average = total / prices.length
+
+// console.log(`Total: $${total.toFixed(2)}`)
+// console.log(`Average: $${average.toFixed(2)}`)
+// console.log(`Highest: $${highestPrice.toFixed(2)}`)

exercises/04.control-flow/03.problem.loops/index.ts

@@ -18,6 +18,3 @@ const prices: Array<number> = [29.99, 9.99, 49.99, 4.99, 19.99]
 
 // console.log(`Total: $${total.toFixed(2)}`)
 // console.log(`Expensive items (>$10): ${expensiveItemCount}`)
-
-// 🦺 This line ensures TypeScript treats this as a module
-export {}

exercises/04.control-flow/04.problem.for-of-iteration/index.ts

@@ -20,6 +20,3 @@ const prices: Array<number> = [29.99, 9.99, 49.99, 4.99, 19.99]
 // console.log(`Total: $${total.toFixed(2)}`)
 // console.log(`Average: $${average.toFixed(2)}`)
 // console.log(`Highest: $${highestPrice.toFixed(2)}`)
-
-// 🦺 This line ensures TypeScript treats this as a module
-export {}

tsconfig.json

@@ -1,5 +1,6 @@
 {
 	"compilerOptions": {
+		"moduleDetection": "force",
 		"target": "ES2022",
 		"module": "ESNext",
 		"moduleResolution": "bundler",