chore(play): add breakpoint debugging config for VS Code (#17447)

.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"]
+    }
+  ]
+}

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,