docs: updating dev-tools information for popup, writing style and dep… (#592)

Author: spekulatius

docs/.vuepress/config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  title: 'Vue Web-Extension - a web-extension boilerplate for VueJS',
+  title: 'Vue Web-Extension - A Web-Extension Boilerplate for VueJS',
   description: '🛠️ A boilerplate for quickly starting a web extension with Vue, webpack 4, ESLint and more!',
 
   plugins: {

docs/development/Vue-Devtools.md

@@ -67,4 +67,7 @@ You also need to update Content Security Policy of your extension. For this, upd
 
 After that, you can open your popup and normally you will see a message like `Connected to Vue.js devtools`.
 
-To make your development easier, you can open your popup in a new tab: `chrome-extension://<extension id>/popup/popup.html`.
+To make your development easier, you can open your popup in a new tab using:
+
+- `chrome-extension://<extension id>/popup/popup.html` in Chrome-based browsers or
+- `moz-extension://<extension id>/popup/popup.html` in Firefox-based browsers

docs/package.json

@@ -4,6 +4,7 @@
     "build": "vuepress build"
   },
   "dependencies": {
+    "@vuepress/plugin-pwa": "^1.5.0",
     "vuepress": "^1.4.1",
     "vuepress-plugin-seo": "^0.1.2",
     "vuepress-plugin-sitemap": "^2.3.1"