add vscode launch configuration and configure source maps

.vscode/launch.json

@@ -1,27 +1,29 @@
 {
-    // Use IntelliSense to learn about possible attributes.
-    // Hover to view descriptions of existing attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-
-        {
-            "name": "Listen for XDebug",
-            "type": "php",
-            "request": "launch",
-            "port": 9003,
-            "pathMappings": 
-            {
-                "/var/www/html/apps-extra/templateapp": "${workspaceFolder}",
-            }
-        },
-        {
-            "name": "Launch currently open script",
-            "type": "php",
-            "request": "launch",
-            "program": "${file}",
-            "cwd": "${fileDirname}",
-            "port": 9003
-        }
-    ]
-}
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Listen for XDebug",
+      "type": "php",
+      "request": "launch",
+      "port": 9003,
+      "pathMappings": {
+        "/var/www/html/apps-extra/templateapp": "${workspaceFolder}"
+      }
+    },
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "Vuejs: Chrome",
+      "url": "http://localhost:8080",
+      "webRoot": "${workspaceFolder}",
+      "sourceMaps": true,
+      "sourceMapPathOverrides": {
+        "webpack:///templateapp/src/*": "${webRoot}/src/*",
+        "webpack:///templateapp/node_modules/*": "${workspaceFolder}/node_modules/*"
+      }
+    }
+  ]
+}

package.json

@@ -13,7 +13,7 @@
     "build": "webpack --node-env production --progress",
     "dev": "webpack --node-env development --progress",
     "watch": "webpack --node-env development --progress --watch",
-    "serve": "webpack serve --node-env development --allowed-hosts all",
+    "serve": "webpack serve --node-env development --progress --allowed-hosts all",
     "lint": "eslint --ext .js,.vue src",
     "lint:fix": "eslint --ext .js,.vue src --fix",
     "stylelint": "stylelint css/*.css css/*.scss src/**/*.scss src/**/*.vue",
@@ -43,4 +43,4 @@
     "webpack": "^5.65.0",
     "webpack-cli": "^5.0.1"
   }
-}
+}

webpack.config.js

@@ -2,4 +2,6 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
 const webpackConfig = require('@nextcloud/webpack-vue-config')
 
+webpackConfig.devtool = 'source-map'
+
 module.exports = webpackConfig