updated dependencies

client/package.json

@@ -22,14 +22,14 @@
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.14.0",
     "animejs": "^3.2.0",
-    "axios": "^0.19.1",
+    "axios": "^0.21.1",
     "date-fns": "^2.16.1",
-    "emoji-datasource": "^5.0.1",
-    "emojilib": "^2.4.0",
+    "emoji-datasource": "^6.0.1",
+    "emojilib": "^3.0.1",
     "eventemitter3": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",
     "simple-markdown": "^0.7.2",
-    "sweetalert2": "^9.17.2",
+    "sweetalert2": "^10.15.7",
     "typed-vuex": "^0.1.21",
     "v-tooltip": "^2.0.3",
     "vue": "^2.6.12",
@@ -38,31 +38,32 @@
     "vue-context": "^5.2.0",
     "vue-i18n": "^8.21.1",
     "vue-notification": "^1.3.20",
-    "vue-property-decorator": "^8.5.1",
+    "vue-property-decorator": "^9.1.2",
     "vuex": "^3.5.1"
   },
   "devDependencies": {
     "@types/animejs": "^3.1.2",
-    "@types/node": "^13.13.21",
+    "@types/node": "^14.14.37",
     "@types/vue": "^2.0.0",
     "@types/vue-clickaway": "^2.2.0",
-    "@typescript-eslint/eslint-plugin": "^2.34.0",
-    "@typescript-eslint/parser": "^2.34.0",
+    "@typescript-eslint/eslint-plugin": "^4.19.0",
+    "@typescript-eslint/parser": "^4.19.0",
     "@vue/cli-plugin-babel": "^4.5.6",
     "@vue/cli-plugin-eslint": "^4.5.6",
     "@vue/cli-plugin-typescript": "^4.5.6",
     "@vue/cli-plugin-vuex": "^4.5.6",
-    "@vue/cli-service": "^4.5.6",
+    "@vue/cli-service": "^4.5.12",
     "@vue/eslint-config-prettier": "^6.0.0",
-    "@vue/eslint-config-typescript": "^5.1.0",
+    "@vue/eslint-config-typescript": "^7.0.0",
+    "core-js": "^3.9.1",
     "eslint": "^6.8.0",
     "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-vue": "^6.2.2",
-    "node-sass": "^4.14.1",
+    "eslint-plugin-vue": "^7.8.0",
+    "node-sass": "^5.0.0",
     "prettier": "^2.1.2",
-    "sass-loader": "^8.0.0",
-    "ts-node": "^8.10.2",
-    "typescript": "^3.9.7",
+    "sass-loader": "^10.1.1",
+    "ts-node": "^9.1.1",
+    "typescript": "^4.2.3",
     "vue-template-compiler": "^2.6.12"
   }
 }

client/src/components/video.vue

@@ -190,6 +190,7 @@
   import Resolution from './resolution.vue'
   import Clipboard from './clipboard.vue'
 
+  // @ts-ignore
   import GuacamoleKeyboard from '~/utils/guacamole-keyboard.ts'
 
   @Component({

client/src/neko/base.ts

@@ -248,7 +248,7 @@ export abstract class BaseClient extends EventEmitter<BaseEvents> {
 
     this._peer.setRemoteDescription({ type: 'offer', sdp })
 
-    for (let candidate of this._candidates) {
+    for (const candidate of this._candidates) {
       this._peer.addIceCandidate(candidate)
     }
     this._candidates = []
@@ -282,7 +282,7 @@ export abstract class BaseClient extends EventEmitter<BaseEvents> {
 
     if (event === EVENT.SIGNAL.CANDIDATE) {
       const { data } = payload as SignalCandidatePayload
-      let candidate: RTCIceCandidate = JSON.parse(data)
+      const candidate: RTCIceCandidate = JSON.parse(data)
       if (this._peer) {
         this._peer.addIceCandidate(candidate)
       } else {

client/src/plugins/swal.ts

@@ -25,10 +25,10 @@ class VueSweetalert2 {
       if (options) {
         const mixed = Swal.mixin(options)
 
-        return mixed.fire.apply(mixed, args)
+        return mixed.fire(...args)
       }
 
-      return Swal.fire.apply(Swal, args)
+      return Swal.fire(...args)
     }
 
     let methodName: string | number | symbol
@@ -40,7 +40,7 @@ class VueSweetalert2 {
         swalFunction[methodName] = ((method) => {
           return (...args: any[]) => {
             // @ts-ignore
-            return Swal[method].apply(Swal, args)
+            return Swal[method](...args)
           }
         })(methodName)
       }

client/src/store/user.ts

@@ -49,7 +49,7 @@ export const mutations = mutationTree(state, {
   },
   addMember(state, member: Member) {
     // remove html tags
-    let tmp = document.createElement('div')
+    const tmp = document.createElement('div')
     tmp.innerHTML = member.displayname
     member.displayname = tmp.textContent || tmp.innerText || ''
 

client/src/utils/guacamole-keyboard.ts

@@ -68,7 +68,7 @@ export interface GuacamoleKeyboardInterface {
 }
 
 export default function (element?: Element): GuacamoleKeyboardInterface {
-  var Keyboard = {}
+  const Keyboard = {}
 
   GuacamoleKeyboard.bind(Keyboard, element)()
 

client/src/utils/index.ts

@@ -2,7 +2,7 @@ export function makeid(length: number) {
   let result = ''
   const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
   const charactersLength = characters.length
-  for (var i = 0; i < length; i++) {
+  for (let i = 0; i < length; i++) {
     result += characters.charAt(Math.floor(Math.random() * charactersLength))
   }
   return result

client/src/utils/localstorage.ts

@@ -13,7 +13,7 @@ export function set<T extends string | number | boolean>(key: string, val: T) {
 }
 
 export function get<T extends string | number | boolean>(key: string, def: T): T {
-  let store = localStorage.getItem(key)
+  const store = localStorage.getItem(key)
   if (store) {
     switch (typeof def) {
       case 'number':

client/vue.config.js

@@ -5,7 +5,7 @@ module.exports = {
   css: {
     loaderOptions: {
       sass: {
-        prependData: `
+        additionalData: `
           @import "@/assets/styles/_variables.scss";
         `,
       },