diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000000..42b83a2a80
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,27 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Launch Chrome",
+      "request": "launch",
+      "type": "chrome",
+      "url": "http://localhost:3000",
+      "webRoot": "${workspaceFolder}"
+    },
+    {
+      "name": "Launch Edge",
+      "request": "launch",
+      "type": "msedge",
+      "url": "http://localhost:3000",
+      "webRoot": "${workspaceFolder}"
+    },
+    {
+      "name": "Run and debug",
+      "type": "node",
+      "request": "launch",
+      "cwd": "${workspaceFolder}",
+      "runtimeExecutable": "pnpm",
+      "runtimeArgs": ["run", "dev"]
+    }
+  ]
+}
diff --git a/play/vite.config.ts b/play/vite.config.ts
index 211fb87871..7a2a159609 100644
--- a/play/vite.config.ts
+++ b/play/vite.config.ts
@@ -63,6 +63,9 @@ export default defineConfig(async ({ mode }) => {
       host: true,
       https: !!env.HTTPS,
     },
+    build: {
+      sourcemap: true,
+    },
     plugins: [
       VueMacros({
         setupComponent: false,