Add a firefox and vitest debug config

.gitignore

@@ -29,6 +29,4 @@ coverage
 
 *.tsbuildinfo
 
-
-launch.json
 .env

.vscode/launch.json

@@ -0,0 +1,43 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    // Run Vitest commands which are outside of the vue frontend
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Debug Current Test File",
+      "autoAttachChildProcesses": true,
+      "skipFiles": [
+        "<node_internals>/**",
+        "**/node_modules/**"
+      ],
+      "program": "${workspaceRoot}/node_modules/vitest/vitest.mjs",
+      "args": [
+        "run",
+        "${relativeFile}"
+      ],
+      "smartStep": true,
+      "console": "integratedTerminal"
+    },
+
+    // Launch the firefox browser with the vue frontend
+    {
+      "name": "Vite: Firefox",
+      "type": "firefox",
+      "request": "launch",
+      "url": "http://localhost:5173",
+      "webRoot": "${workspaceFolder}/src",
+      "skipFiles": [
+        "<node_internals>/**"
+      ],
+      "profile": "default-release",
+      "pathMappings": [
+        {
+          "url": "http://localhost:5173/src",
+          "path": "${workspaceFolder}/src"
+        }
+      ]
+    }
+  ]
+}