Use web-ext and fix npm vulns

README.md

 # Virtual Keyboard
 
-## Development
+## Live reloading
 `npm run serve`
 
 ## Run the application as a web extension
 ### Firefox
-* Build the packaged addon `npm run build`
-* Go to `about:debugging#/runtime/this-firefox`
-* Load `artifacts/virtual-keyboard-v<version>-production.zip` as a temporary extension
+`npm run start:firefox`
 
 ### Chromium
-* Run `npm run serve` to support live reload
-* Go to `chrome://extensions/`
-* Click on "Load unpacked" and select the `dist` folder
+`npm run start:chromium`

package.json

@@ -6,10 +6,12 @@
   "scripts": {
     "serve": "vue-cli-service build --mode development --watch",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "start:firefox": "web-ext run --source-dir ./dist/",
+    "start:chromium": "web-ext run -t chromium --source-dir ./dist/"
   },
   "dependencies": {
-    "axios": "^0.20.0",
+    "axios": "^0.21.1",
     "core-js": "^3.6.5",
     "vue": "^2.6.11",
     "vue-router": "^3.2.0",
@@ -31,7 +33,8 @@
     "sass": "^1.26.5",
     "sass-loader": "^8.0.2",
     "vue-cli-plugin-browser-extension": "latest",
-    "vue-template-compiler": "^2.6.11"
+    "vue-template-compiler": "^2.6.11",
+    "web-ext": "^6.1.0"
   },
   "gitHooks": {
     "pre-commit": "lint-staged"

package.tmp.jspn

-{
-  "name": "virtual-keyboard",
-  "version": "0.0.1",
-  "description": "Adds a customizable virtual keyboard on text input areas.",
-  "main": "extension-dist/index.js",
-  "scripts": {
-    "start:firefox": "web-ext run --source-dir ./virtual-keyboard/"
-  },
-  "dependencies": {
-    "web-ext": "6.1.0"
-  }
-}