add debug capabilities in vscode

.vscode/launch.json

@@ -5,15 +5,20 @@
     "version": "0.2.0",
     "configurations": [
         {
-            "name": "Hosted workbench",
-            "type": "msedge",
-            "request": "launch",
-            "url": "http://localhost:5173/",
-            "webRoot": "${workspaceRoot}",
-            "runtimeArgs": [
-                "--remote-debugging-port=9222",
-                "-incognito"
-            ]
+            "type": "pwa-chrome",
+            "request": "attach",
+            "name": "Debug Vite App (scelta-carriera)",
+            "url": "http://localhost:5173",
+            "webRoot": "${workspaceFolder}/scelta-carriera",
+            "preLaunchTask": "Start Vite App (scelta-carriera)",
+            "skipFiles": [
+                "<node_internals>/**",
+                "**/node_modules/**",
+                "**/@vite/client/**"
+            ],
+            "sourceMapPathOverrides": {  
+                "webpack:///src/*": "${webRoot}/*"
+            }  
         }
     ]
-}
+}

.vscode/tasks.json

@@ -0,0 +1,29 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "label": "Start Vite App (scelta-carriera)",
+            "type": "shell",
+            "command": "npm run dev",
+            "isBackground": true,
+            "options": {
+                "cwd": "${workspaceFolder}/scelta-carriera"
+            },
+            "problemMatcher": {
+                "pattern": [
+                    {
+                        "regexp": ".*",
+                        "file": 1,
+                        "location": 2,
+                        "message": 3
+                    }
+                ],
+                "background": {
+                    "activeOnStart": true,
+                    "beginsPattern": "vite",
+                    "endsPattern": "ready in"
+                }
+            }
+        }
+    ]
+}