cleanup and a bunch of improvements

Author: fjcalzado

03-bundling/06-vite/06-typescript/README.md

@@ -76,7 +76,7 @@ Install [Node.js and npm](https://nodejs.org/en/) (20.19.0 || >=22.12.0) if they
 
   The rest is just a starting boilerplate configuration you can tweak based on your needs.
 
-- Let's simplify our `index.html` file just to focus on TS:
+- ⚠️ It's time to do a bit of cleanup. Let's simplify our `index.html` file just to focus on TS:
 
   _index.html_
 
@@ -145,6 +145,19 @@ Install [Node.js and npm](https://nodejs.org/en/) (20.19.0 || >=22.12.0) if they
 
   🔎 Notice we didn't need to add module syntax like `export {}` because TS already understands it's a module since we added `"type": "module"` in `package.json` file.
 
+- ⚠️ Finally, now that we removed the usage of `SASS`, `bootstrap` and `images` let's delete related files to keep project tidy:
+
+  ```bash
+  DELETE src/content/
+  DELETE src/mystyles.scss
+  ```
+
+  and also uninstall dependencies:
+
+  ```bash
+  npm uninstall bootstrap sass-embedded
+  ```
+
 - Time to start the project!
 
   ```bash

03-bundling/06-vite/06-typescript/package.json

@@ -9,13 +9,9 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "sass-embedded": "^1.89.2",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3",
     "vite": "^7.0.4",
     "vite-plugin-checker": "^0.10.0"
-  },
-  "dependencies": {
-    "bootstrap": "^5.3.7"
   }
 }

03-bundling/06-vite/06-typescript/src/content/logo_1.png

@@ -13,13 +13,11 @@
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.6.0",
-    "sass-embedded": "^1.89.2",
     "typescript": "^5.8.3",
     "vite": "^7.0.4",
     "vite-plugin-checker": "^0.10.0"
   },
   "dependencies": {
-    "bootstrap": "^5.3.7",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
   }

03-bundling/06-vite/06-typescript/src/content/logo_2.png

@@ -81,6 +81,8 @@ Install [Node.js and npm](https://nodejs.org/en/) (20.19.0 || >=22.12.0) if they
   + }
   ```
 
+  > ℹ️ This extension to already existing types is usually called "augmentation".
+
   ⚡ One important thing to note here is that all variables are **strings**. If you need some variables as `boolean` or `number` you may prefer to create your own `environment.ts` or `config.ts` to pre-process and parse them.
 
 - Let's add another variable to our `.env` file: