import products dinamically

.vscode/launch.json

@@ -17,7 +17,15 @@
       "command": "npm run spa",
       "name": "SPA",
       "request": "launch",
-      "type": "node-terminal"
+      "type": "node-terminal",
+      "sourceMaps": false,
+    },
+    {
+      "command": "npm run spa",
+      "name": "SPA DEBUG",
+      "request": "launch",
+      "type": "node-terminal",
+      "sourceMaps": true,
     },
     {
       "command": "npm run dev",
@@ -25,5 +33,16 @@
       "request": "launch",
       "type": "node-terminal"
     },
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "vuejs: Launch Chrome DEBUG",
+      "url": "http://localhost:8088",
+      "breakOnLoad": true,
+      "webRoot": "${workspaceFolder}/src",
+      "sourceMapPathOverrides": {
+        "webpack:///src/*": "${webRoot}/*"
+      }
+    }
   ]
 }

.vscode/tasks.json

@@ -0,0 +1,23 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "label": "serve",
+            "type": "npm",
+            "script": "serve",
+            "isBackground": true,
+            "problemMatcher": [{
+                "base": "$tsc-watch",
+                "background": {
+                    "activeOnStart": true,
+                    "beginsPattern": "Starting development server",
+                    "endsPattern": "Compiled successfully"
+                }
+            }],
+            "group": {
+                "kind": "build",
+                "isDefault": true
+            }
+        }
+    ]
+}