chore: update examples, add a script to regenerate them (Kocal#399)

```bash
./generate-examples.sh
```

Author: Kocal

examples/full-airbnb/README.md

@@ -1,3 +1,3 @@
-# Project: Full AirBnb
+# Project: full-airbnb
 
-This project has been generated with `vue init kocal/vue-web-extension full-airbnb` command, following [full-airbnb scenario](../../scenarios/full-airbnb.json).
+This project has been generated with `vue init kocal/vue-web-extension .` command, following [full-airbnb scenario](../../scenarios/minimal.json).

examples/full-airbnb/package.json

@@ -1,8 +1,8 @@
 {
   "name": "full-airbnb",
   "version": "1.0.0",
-  "description": "A Vue.js web extension",
-  "author": "Hugo Alliaume <[email protected]>",
+  "description": "Extension generated with Kocal/vue-web-extension",
+  "author": "Travis",
   "license": "MIT",
   "scripts": {
     "lint": "eslint --ext .js,.vue src",
@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "axios": "^0.18.0",
-    "vue": "^2.5.17",
+    "vue": "^2.6.10",
     "vue-router": "^3.0.1",
     "vuex": "^3.0.1",
     "webextension-polyfill": "^0.3.1"
@@ -34,15 +34,15 @@
     "cross-env": "^5.2.0",
     "css-loader": "^0.28.11",
     "ejs": "^2.6.1",
-    "eslint": "^5.7.0",
+    "eslint": "^5.16.0",
     "eslint-config-airbnb-base": "^13.0.0",
     "eslint-config-prettier": "^3.1.0",
     "eslint-friendly-formatter": "^4.0.1",
     "eslint-import-resolver-webpack": "^0.10.1",
-    "eslint-loader": "^2.1.1",
-    "eslint-plugin-import": "^2.12.0",
-    "eslint-plugin-prettier": "^3.0.0",
-    "eslint-plugin-vue": "^5.0.0-beta.3",
+    "eslint-loader": "^2.1.2",
+    "eslint-plugin-import": "^2.16.0",
+    "eslint-plugin-prettier": "^3.0.1",
+    "eslint-plugin-vue": "^5.2.2",
     "file-loader": "^1.1.11",
     "husky": "^0.14.3",
     "mini-css-extract-plugin": "^0.4.4",
@@ -51,11 +51,10 @@
     "prettier": "^1.14.3",
     "sass-loader": "^7.1.0",
     "vue-loader": "^15.4.2",
-    "vue-template-compiler": "^2.5.17",
+    "vue-template-compiler": "^2.6.10",
     "web-ext-types": "^2.1.0",
     "webpack": "^4.20.2",
     "webpack-chrome-extension-reloader": "^0.8.3",
-    "webpack-cli": "^3.1.2",
-    "webpack-shell-plugin": "^0.5.0"
+    "webpack-cli": "^3.1.2"
   }
 }

examples/full-airbnb/scripts/remove-evals.js

@@ -1,6 +1,6 @@
 {
   "name": "full-airbnb",
-  "description": "A Vue.js web extension",
+  "description": "Extension generated with Kocal/vue-web-extension",
   "version": null,
   "manifest_version": 2,
   "icons": {

examples/full-airbnb/src/manifest.json

@@ -5,6 +5,8 @@ import router from './router';
 
 global.browser = require('webextension-polyfill');
 
+Vue.prototype.$browser = global.browser;
+
 /* eslint-disable no-new */
 new Vue({
   el: '#app',

examples/full-airbnb/src/popup/popup.js

@@ -1,7 +1,6 @@
 const webpack = require('webpack');
 const ejs = require('ejs');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const WebpackShellPlugin = require('webpack-shell-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const ChromeExtensionReloader = require('webpack-chrome-extension-reloader');
 const { VueLoaderPlugin } = require('vue-loader');
@@ -55,6 +54,9 @@ const config = {
     ],
   },
   plugins: [
+    new webpack.DefinePlugin({
+      global: 'window',
+    }),
     new VueLoaderPlugin(),
     new MiniCssExtractPlugin({
       filename: '[name].css',
@@ -78,9 +80,6 @@ const config = {
         },
       },
     ]),
-    new WebpackShellPlugin({
-      onBuildEnd: ['node scripts/remove-evals.js'],
-    }),
   ],
 };