diff --git a/2-copy-of-code/lesson-11/chatbot-project-ts/README.md b/2-copy-of-code/lesson-11/chatbot-project-ts/README.md
deleted file mode 100644
index da98444..0000000
--- a/2-copy-of-code/lesson-11/chatbot-project-ts/README.md
+++ /dev/null
@@ -1,54 +0,0 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default tseslint.config({
- extends: [
- // Remove ...tseslint.configs.recommended and replace with this
- ...tseslint.configs.recommendedTypeChecked,
- // Alternatively, use this for stricter rules
- ...tseslint.configs.strictTypeChecked,
- // Optionally, add this for stylistic rules
- ...tseslint.configs.stylisticTypeChecked,
- ],
- languageOptions: {
- // other options...
- parserOptions: {
- project: ['./tsconfig.node.json', './tsconfig.app.json'],
- tsconfigRootDir: import.meta.dirname,
- },
- },
-})
-```
-
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default tseslint.config({
- plugins: {
- // Add the react-x and react-dom plugins
- 'react-x': reactX,
- 'react-dom': reactDom,
- },
- rules: {
- // other rules...
- // Enable its recommended typescript rules
- ...reactX.configs['recommended-typescript'].rules,
- ...reactDom.configs.recommended.rules,
- },
-})
-```
diff --git a/2-copy-of-code/lesson-11/chatbot-project-ts/package.json b/2-copy-of-code/lesson-11/chatbot-project-ts/package.json
deleted file mode 100644
index dfd657f..0000000
--- a/2-copy-of-code/lesson-11/chatbot-project-ts/package.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
- "name": "chatbot-project-ts",
- "private": true,
- "version": "0.0.0",
- "type": "module",
- "scripts": {
- "dev": "vite",
- "build": "tsc -b && vite build",
- "lint": "eslint .",
- "preview": "vite preview"
- },
- "dependencies": {
- "react": "^19.1.0",
- "react-dom": "^19.1.0",
- "supersimpledev": "^8.6.2"
- },
- "devDependencies": {
- "@eslint/js": "^9.25.0",
- "@types/react": "^19.1.2",
- "@types/react-dom": "^19.1.2",
- "@vitejs/plugin-react": "^4.4.1",
- "eslint": "^9.25.0",
- "eslint-plugin-react-hooks": "^5.2.0",
- "eslint-plugin-react-refresh": "^0.4.19",
- "globals": "^16.0.0",
- "typescript": "~5.8.3",
- "typescript-eslint": "^8.30.1",
- "vite": "^6.3.5",
- "babel-plugin-react-compiler": "^19.1.0-rc.2",
- "eslint-plugin-react": "^7.37.2"
- }
-}
diff --git a/2-copy-of-code/lesson-11/chatbot-project/README.md b/2-copy-of-code/lesson-11/chatbot-project/README.md
index f768e33..da98444 100644
--- a/2-copy-of-code/lesson-11/chatbot-project/README.md
+++ b/2-copy-of-code/lesson-11/chatbot-project/README.md
@@ -1,8 +1,54 @@
-# React + Vite
+# React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default tseslint.config({
+ extends: [
+ // Remove ...tseslint.configs.recommended and replace with this
+ ...tseslint.configs.recommendedTypeChecked,
+ // Alternatively, use this for stricter rules
+ ...tseslint.configs.strictTypeChecked,
+ // Optionally, add this for stylistic rules
+ ...tseslint.configs.stylisticTypeChecked,
+ ],
+ languageOptions: {
+ // other options...
+ parserOptions: {
+ project: ['./tsconfig.node.json', './tsconfig.app.json'],
+ tsconfigRootDir: import.meta.dirname,
+ },
+ },
+})
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default tseslint.config({
+ plugins: {
+ // Add the react-x and react-dom plugins
+ 'react-x': reactX,
+ 'react-dom': reactDom,
+ },
+ rules: {
+ // other rules...
+ // Enable its recommended typescript rules
+ ...reactX.configs['recommended-typescript'].rules,
+ ...reactDom.configs.recommended.rules,
+ },
+})
+```
diff --git a/2-copy-of-code/lesson-11/chatbot-project/eslint.config.js b/2-copy-of-code/lesson-11/chatbot-project/eslint.config.js
index dc9e4a7..10aacc3 100644
--- a/2-copy-of-code/lesson-11/chatbot-project/eslint.config.js
+++ b/2-copy-of-code/lesson-11/chatbot-project/eslint.config.js
@@ -1,34 +1,24 @@
import js from '@eslint/js'
import globals from 'globals'
-import react from 'eslint-plugin-react'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
-export default [
+export default tseslint.config(
{ ignores: ['dist'] },
{
- files: ['**/*.{js,jsx}'],
+ extends: [js.configs.recommended, ...tseslint.configs.recommended],
+ files: ['**/*.{ts,tsx}'],
languageOptions: {
ecmaVersion: 2020,
globals: globals.browser,
- parserOptions: {
- ecmaVersion: 'latest',
- ecmaFeatures: { jsx: true },
- sourceType: 'module',
- },
},
- settings: { react: { version: '18.3' } },
plugins: {
- react,
'react-hooks': reactHooks,
'react-refresh': reactRefresh,
},
rules: {
- ...js.configs.recommended.rules,
- ...react.configs.recommended.rules,
- ...react.configs['jsx-runtime'].rules,
...reactHooks.configs.recommended.rules,
- 'react/jsx-no-target-blank': 'off',
'react-refresh/only-export-components': [
'warn',
{ allowConstantExport: true },
@@ -36,4 +26,4 @@ export default [
'react/prop-types': 'off'
},
},
-]
+)
diff --git a/2-copy-of-code/lesson-11/chatbot-project/index.html b/2-copy-of-code/lesson-11/chatbot-project/index.html
index b72bac5..84b7eb6 100644
--- a/2-copy-of-code/lesson-11/chatbot-project/index.html
+++ b/2-copy-of-code/lesson-11/chatbot-project/index.html
@@ -6,6 +6,6 @@
-
+