Config for vscode chrome debugger for Vue and Nuxt apps

launch.js

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "vue: chrome",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}/*",
      "breakOnLoad": true,
      "sourceMaps": true,
      "sourceMapPathOverrides": {
        "webpack:///@": "${webRoot}/*",
        "webpack:///@@": "${webRoot}/*",
        "webpack:///~": "${webRoot}/*",
        "webpack:///~~": "${webRoot}/*",
      }
    },
    {
      "name": "nuxt: chrome",
      "type": "node",
      "request": "launch",
      "protocol": "inspector",
      "program": "${workspaceRoot}/node_modules/nuxt/bin/nuxt",
      "stopOnEntry": false,
      "args": ["dev"],
      "cwd": "${workspaceRoot}",
      "sourceMaps": true,
      "env": {
        "NODE_ENV": "development",
        "DEBUG": "nuxt:*,app"
      }
    },
  ]
}