Update Electron and other dependencies

package.json

@@ -8,9 +8,9 @@
     "url": "https://github.com/FreeTubeApp/FreeTube/issues"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.28",
+    "@fortawesome/fontawesome-svg-core": "^1.2.29",
-    "@fortawesome/free-solid-svg-icons": "^5.13.0",
+    "@fortawesome/free-solid-svg-icons": "^5.13.1",
-    "@fortawesome/vue-fontawesome": "^0.1.9",
+    "@fortawesome/vue-fontawesome": "^0.1.10",
     "@silvermine/videojs-quality-selector": "^1.2.4",
     "autolinker": "^3.14.1",
     "bulma-pro": "^0.2.0",
@@ -31,56 +31,57 @@
     "videojs-vtt-thumbnails": "0.0.13",
     "vue": "^2.6.11",
     "vue-electron": "^1.0.6",
-    "vue-router": "^3.3.2",
+    "vue-router": "^3.3.4",
     "vuex": "^3.4.0",
     "xml2json": "^0.12.0",
     "youtube-chat": "^1.1.0",
     "youtube-comments-fetch": "^1.0.1",
     "youtube-comments-task": "^1.3.15",
     "youtube-suggest": "^1.1.0",
-    "yt-xml2vtt": "^1.0.1",
+    "yt-xml2vtt": "^1.1.1",
     "ytdl-core": "^3.1.1",
     "ytpl": "^0.1.21",
     "ytsr": "^0.1.15"
   },
   "description": "A private YouTube client",
   "devDependencies": {
-    "@babel/core": "^7.10.2",
+    "@babel/core": "^7.10.3",
     "@babel/plugin-proposal-class-properties": "^7.10.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.10.1",
+    "@babel/plugin-proposal-object-rest-spread": "^7.10.3",
-    "@babel/preset-env": "^7.10.2",
+    "@babel/preset-env": "^7.10.3",
     "@babel/preset-typescript": "^7.10.1",
-    "@typescript-eslint/eslint-plugin": "^3.1.0",
+    "@typescript-eslint/eslint-plugin": "^3.3.0",
-    "@typescript-eslint/parser": "^3.1.0",
+    "@typescript-eslint/parser": "^3.3.0",
-    "acorn": "^7.2.0",
+    "acorn": "^7.3.1",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.1.0",
     "copy-webpack-plugin": "^6.0.2",
-    "css-loader": "^3.5.3",
+    "css-loader": "^3.6.0",
     "devtron": "^1.4.0",
-    "electron": "^8.3.0",
+    "electron": "^9.0.4",
     "electron-builder": "^22.7.0",
     "electron-builder-squirrel-windows": "^22.7.0",
     "electron-debug": "^3.1.0",
     "electron-rebuild": "^1.11.0",
-    "eslint": "^7.1.0",
+    "eslint": "^7.3.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-config-standard": "^14.1.1",
-    "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-import": "^2.21.2",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^3.1.3",
+    "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^4.0.1",
     "eslint-plugin-vue": "^6.2.2",
-    "fast-glob": "^3.2.2",
+    "fast-glob": "^3.2.4",
     "file-loader": "^6.0.0",
     "html-webpack-plugin": "^4.3.0",
     "jest": "^26.0.1",
     "mini-css-extract-plugin": "^0.9.0",
+    "node-abi": "^2.18.0",
     "node-loader": "^0.6.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.5",
-    "sass": "^1.26.7",
+    "sass": "^1.26.8",
     "sass-loader": "^8.0.2",
     "style-loader": "^1.2.1",
     "tree-kill": "1.2.2",
@@ -92,7 +93,7 @@
     "vue-style-loader": "^4.1.2",
     "vue-template-compiler": "^2.6.11",
     "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11",
+    "webpack-cli": "^3.3.12",
     "webpack-dev-server": "^3.11.0"
   },
   "license": "GPL-3.0-or-later",

src/main/index.js

@@ -19,6 +19,11 @@ const isDev = process.env.NODE_ENV === 'development'
 const isDebug = process.argv.includes('--debug')
 let mainWindow
 
+// CORS somehow gets re-enabled in Electron v9.0.4
+// This line disables it.
+// This line can possible be removed if the issue is fixed upstream
+app.commandLine.appendSwitch('disable-features', 'OutOfBlinkCors')
+
 // only allow single instance of application
 if (!isDev) {
   if (gotTheLock) {

src/renderer/components/watch-video-info/watch-video-info.js

@@ -102,7 +102,7 @@ export default Vue.extend({
     dateString() {
       const date = new Date(this.published)
       const dateSplit = date.toDateString().split(' ')
-      return `${dateSplit[1]} ${dateSplit[2]} ${dateSplit[3]}`
+      return `${dateSplit[1]} ${dateSplit[2]}, ${dateSplit[3]}`
     }
   },
   methods: {