Update project dependencies

package.json

@@ -10,21 +10,21 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.32",
     "@fortawesome/free-solid-svg-icons": "^5.15.1",
-    "@fortawesome/vue-fontawesome": "^2.0.0",
+    "@fortawesome/vue-fontawesome": "^2.0.2",
     "@silvermine/videojs-quality-selector": "^1.2.4",
     "autolinker": "^3.14.2",
     "bulma-pro": "^0.2.0",
-    "dateformat": "^4.3.1",
+    "dateformat": "^4.4.1",
-    "electron-context-menu": "^2.3.0",
+    "electron-context-menu": "^2.4.0",
     "jquery": "^3.5.1",
-    "js-yaml": "^3.14.1",
+    "js-yaml": "^4.0.0",
     "lodash.debounce": "^4.0.8",
     "lodash.isequal": "^4.5.0",
     "lodash.uniqwith": "^4.5.0",
     "markdown": "^0.5.0",
     "material-design-icons": "^3.0.1",
     "nedb": "^1.8.0",
-    "opml-to-json": "0.0.3",
+    "opml-to-json": "1.0.1",
     "rss-parser": "^3.10.0",
     "video.js": "7.10.2",
     "videojs-abloop": "^1.2.0",
@@ -35,74 +35,74 @@
     "videojs-vtt-thumbnails-freetube": "0.0.15",
     "vue": "^2.6.12",
     "vue-electron": "^1.0.6",
-    "vue-i18n": "^8.22.2",
+    "vue-i18n": "^8.22.3",
-    "vue-observe-visibility": "^0.4.6",
+    "vue-observe-visibility": "^1.0.0",
     "vue-router": "^3.4.9",
     "vuex": "^3.6.0",
     "xml2json": "^0.12.0",
     "youtube-chat": "^1.1.0",
     "youtube-suggest": "^1.1.0",
-    "yt-channel-info": "^1.1.4",
+    "yt-channel-info": "^1.2.0",
     "yt-comment-scraper": "^1.3.10",
     "yt-dash-manifest-generator": "^1.1.0",
     "yt-trending-scraper": "^1.0.4",
-    "yt-xml2vtt": "^1.1.3",
+    "yt-xml2vtt": "^1.2.0",
-    "ytdl-core": "^4.2.0",
+    "ytdl-core": "^4.4.2",
-    "ytpl": "^2.0.3",
+    "ytpl": "^2.0.4",
-    "ytsr": "^3.0.0"
+    "ytsr": "^3.2.1"
   },
   "description": "A private YouTube client",
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@babel/plugin-proposal-class-properties": "^7.12.1",
     "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
-    "@babel/preset-env": "^7.12.10",
+    "@babel/preset-env": "^7.12.11",
     "@babel/preset-typescript": "^7.12.7",
-    "@typescript-eslint/eslint-plugin": "^4.10.0",
+    "@typescript-eslint/eslint-plugin": "^4.13.0",
-    "@typescript-eslint/parser": "^4.10.0",
+    "@typescript-eslint/parser": "^4.13.0",
     "acorn": "^8.0.4",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.2.2",
     "copy-webpack-plugin": "6.4.0",
     "css-loader": "^5.0.1",
     "devtron": "^1.4.0",
-    "electron": "^11.1.0",
+    "electron": "^11.1.1",
     "electron-builder": "^22.9.1",
-    "electron-builder-squirrel-windows": "^22.10.3",
+    "electron-builder-squirrel-windows": "^22.10.4",
-    "electron-debug": "^3.1.0",
+    "electron-debug": "^3.2.0",
     "electron-rebuild": "^2.3.4",
-    "eslint": "^7.15.0",
+    "eslint": "^7.17.0",
-    "eslint-config-prettier": "^7.0.0",
+    "eslint-config-prettier": "^7.1.0",
     "eslint-config-standard": "^16.0.2",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^3.3.0",
+    "eslint-plugin-prettier": "^3.3.1",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^5.0.0",
-    "eslint-plugin-vue": "^7.2.0",
+    "eslint-plugin-vue": "^7.4.1",
     "fast-glob": "^3.2.4",
     "file-loader": "^6.2.0",
-    "html-webpack-plugin": "^4.5.0",
+    "html-webpack-plugin": "^4.5.1",
     "jest": "^26.6.3",
     "mini-css-extract-plugin": "^1.3.3",
     "node-abi": "^2.19.3",
     "node-loader": "^1.0.2",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.2.1",
-    "sass": "^1.30.0",
+    "sass": "^1.32.2",
-    "sass-loader": "^10.1.0",
+    "sass-loader": "^10.1.1",
     "style-loader": "^2.0.0",
     "tree-kill": "1.2.2",
     "typescript": "^4.1.3",
     "url-loader": "^4.1.1",
     "vue-devtools": "^5.1.4",
     "vue-eslint-parser": "^7.3.0",
-    "vue-loader": "^15.9.5",
+    "vue-loader": "^15.9.6",
     "vue-style-loader": "^4.1.2",
     "vue-template-compiler": "^2.6.12",
     "webpack": "4.44.2",
     "webpack-cli": "3.3.12",
-    "webpack-dev-server": "^3.11.0"
+    "webpack-dev-server": "^3.11.1"
   },
   "license": "AGPL-3.0-or-later",
   "main": "./dist/main.js",

src/renderer/main.js

@@ -32,7 +32,7 @@ const fileLocation = isDev ? 'static/locales/' : `${__dirname}/static/locales/`
 activeLocales.forEach((locale) => {
   try {
     // File location when running in dev
-    const doc = yaml.safeLoad(fs.readFileSync(`${fileLocation}${locale}.yaml`))
+    const doc = yaml.load(fs.readFileSync(`${fileLocation}${locale}.yaml`))
     messages[locale] = doc
   } catch (e) {
     console.log(e)

src/renderer/views/Watch/Watch.js

@@ -248,7 +248,7 @@ export default Vue.extend({
               this.thumbnail = `https://i.ytimg.com/vi/${this.videoId}/maxres3.jpg`
               break
             default:
-              this.thumbnail = result.videoDetails.thumbnail.thumbnails[result.videoDetails.thumbnail.thumbnails.length - 1].url
+              this.thumbnail = result.videoDetails.thumbnails[result.videoDetails.thumbnails.length - 1].url
               break
           }