Run ESLint

client/babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
-}
+	presets: [
+		"@vue/cli-plugin-babel/preset"
+	]
+};

client/src/assets/ClipLoader.vue

@@ -8,40 +8,40 @@
 <script>
 export default {
   
-  name: 'ClipLoader',
+	name: "ClipLoader",
 
-  props: {
-    loading: {
-      type: Boolean,
-      default: true
-    },
+	props: {
+		loading: {
+			type: Boolean,
+			default: true
+		},
   	color: { 
-      type: String,
-      default: '#5dc596'
-    },
+			type: String,
+			default: "#5dc596"
+		},
   	size: {
-      type: String,
-      default: '50px'
-    },
-    radius: {
-      type: String,
-      default: '100%'
-    }
-  },
-  computed: {
-    spinnerStyle () {
-      return {
-        height: this.size,
-        width: this.size,
-        borderWidth: '5px',
-        borderStyle: 'solid',
-        borderColor: this.color + ' ' + this.color + ' transparent',
-        borderRadius: this.radius,
-        background: 'transparent'
-      }
-    }
-  }
-}
+			type: String,
+			default: "50px"
+		},
+		radius: {
+			type: String,
+			default: "100%"
+		}
+	},
+	computed: {
+		spinnerStyle () {
+			return {
+				height: this.size,
+				width: this.size,
+				borderWidth: "5px",
+				borderStyle: "solid",
+				borderColor: this.color + " " + this.color + " transparent",
+				borderRadius: this.radius,
+				background: "transparent"
+			};
+		}
+	}
+};
 </script>
 
 <style>

client/src/components/ChatCard.vue

@@ -18,12 +18,12 @@
 
 <script>
 export default {
-  name: "ChatCard",
-  props: {
-    userId: String,
-    isActive: Boolean
-  },
-}
+	name: "ChatCard",
+	props: {
+		userId: String,
+		isActive: Boolean
+	},
+};
 </script>
 
 <style scoped>

client/src/components/ChatListHeader.vue

@@ -13,31 +13,31 @@
     </div>
   </template>
 
-  <script>
-  import ChatCard from './ChatCard.vue';
+<script>
+import ChatCard from "./ChatCard.vue";
   
-  export default {
-    name: "ChatListHeader",
-    components: {
-      ChatCard
-    },
-    props: {
-      users: {
-        type: Array,
-        required: true
-      },
-      activeUser: {
-        type: String,
-        default: null
-      }
-    },
-    methods: {
-      switchChat(userId) {
-        this.$emit('switch', userId);
-      }
-    }
-  };
-  </script>
+export default {
+	name: "ChatListHeader",
+	components: {
+		ChatCard
+	},
+	props: {
+		users: {
+			type: Array,
+			required: true
+		},
+		activeUser: {
+			type: String,
+			default: null
+		}
+	},
+	methods: {
+		switchChat(userId) {
+			this.$emit("switch", userId);
+		}
+	}
+};
+</script>
 
   <style scoped>
 .chat-list-header {

client/src/components/MessageForm.vue

@@ -13,29 +13,29 @@
 </template>
 
 <script>
-import { defineComponent } from 'vue'
+import { defineComponent } from "vue";
 
 export default defineComponent({
-  name: 'MessageForm',
-  data() {
-    return {
-      text: '',
-      isFocused: false
-    }
-  },
+	name: "MessageForm",
+	data() {
+		return {
+			text: "",
+			isFocused: false
+		};
+	},
 
-  methods: {
-    onSubmit() {
-      const text = this.text.trim();
-      if (text.trim() === '') {
-        return;
-      }
+	methods: {
+		onSubmit() {
+			const text = this.text.trim();
+			if (text.trim() === "") {
+				return;
+			}
 
-      this.$emit('sendMessage', text);
-      this.text = '';
-    },
-  },
-})
+			this.$emit("sendMessage", text);
+			this.text = "";
+		},
+	},
+});
 
 </script>
 

client/src/components/ToastMessage.vue

@@ -12,16 +12,16 @@
 
 <script>
 export default {
-  props: {
-    toastmsg: {
-      type: String,
-      required: true,
-    },
-    toastType: {
-      type: String,
-      required: true,
-    },
-  },
+	props: {
+		toastmsg: {
+			type: String,
+			required: true,
+		},
+		toastType: {
+			type: String,
+			required: true,
+		},
+	},
 };
 </script>
 

client/src/main.js

@@ -1,9 +1,9 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import router from './router'
-import "bootstrap"
-import "bootstrap/dist/css/bootstrap.min.css"
+import { createApp } from "vue";
+import App from "./App.vue";
+import router from "./router";
+import "bootstrap";
+import "bootstrap/dist/css/bootstrap.min.css";
 
-import VueCookies from 'vue3-cookies'
+import VueCookies from "vue3-cookies";
 
-createApp(App).use(VueCookies).use(router).mount('#app')
+createApp(App).use(VueCookies).use(router).mount("#app");

client/src/router/index.js

@@ -1,27 +1,27 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import { createRouter, createWebHashHistory } from "vue-router";
+import Home from "../views/Home.vue";
 
 const routes = [
-  {
-    path: '/',
-    name: 'Home',
-    component: Home
-  },
-  {
-    path: '/docs',
-    name: 'Docs',
-    component: () => import('../views/Docs.vue')
-  },
-  {
-    path: '/chat',
-    name: 'Chat',
-    component: () => import('../views/Chat.vue')
-  }
-]
+	{
+		path: "/",
+		name: "Home",
+		component: Home
+	},
+	{
+		path: "/docs",
+		name: "Docs",
+		component: () => import("../views/Docs.vue")
+	},
+	{
+		path: "/chat",
+		name: "Chat",
+		component: () => import("../views/Chat.vue")
+	}
+];
 
 const router = createRouter({
-  history: createWebHashHistory(process.env.BASE_URL),
-  routes
-})
+	history: createWebHashHistory(process.env.BASE_URL),
+	routes
+});
 
-export default router
+export default router;

client/src/utils/crypto.js

@@ -1,36 +1,36 @@
 const forge = require("node-forge");
 
 function encryptMessage(message, publicKey) {
-  const key = forge.random.getBytesSync(32);
-  const iv = forge.random.getBytesSync(16);
+	const key = forge.random.getBytesSync(32);
+	const iv = forge.random.getBytesSync(16);
 
-  const cipher = forge.cipher.createCipher("AES-CBC", key);
-  cipher.start({ iv });
-  cipher.update(forge.util.createBuffer(message));
-  cipher.finish();
-  const encrypted = cipher.output;
+	const cipher = forge.cipher.createCipher("AES-CBC", key);
+	cipher.start({ iv });
+	cipher.update(forge.util.createBuffer(message));
+	cipher.finish();
+	const encrypted = cipher.output;
 
-  return {
-    encrypted: encrypted.getBytes(),
-    key: publicKey.encrypt(key),
-    iv: iv,
-  };
+	return {
+		encrypted: encrypted.getBytes(),
+		key: publicKey.encrypt(key),
+		iv: iv,
+	};
 }
 
 function decryptMessage(message, privateKey) {
-  const key = privateKey.decrypt(message.key);
-  const { encrypted, iv } = message;
+	const key = privateKey.decrypt(message.key);
+	const { encrypted, iv } = message;
 
-  const decipher = forge.cipher.createDecipher("AES-CBC", key);
-  decipher.start({ iv });
-  decipher.update(forge.util.createBuffer(encrypted));
-  decipher.finish();
+	const decipher = forge.cipher.createDecipher("AES-CBC", key);
+	decipher.start({ iv });
+	decipher.update(forge.util.createBuffer(encrypted));
+	decipher.finish();
 
-  const decrypted = decipher.output.toString();
-  return decrypted;
+	const decrypted = decipher.output.toString();
+	return decrypted;
 }
 
 module.exports = {
-  encryptMessage,
-  decryptMessage,
+	encryptMessage,
+	decryptMessage,
 };