Update package.json

frontend/package.json

@@ -12,65 +12,65 @@
   "dependencies": {
     "@types/nprogress": "^0.2.0",
     "@types/tinycolor2": "^1.4.3",
-    "axios": "^0.21.1",
+    "axios": "^0.21.4",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "chart.js": "^2.7.3",
+    "chart.js": "^2.9.4",
     "color-interpolate": "^1.0.5",
     "core-js": "^3.6.5",
     "firebase": "^8.6.8",
-    "gantt-schedule-timeline-calendar": "^3.7.1",
+    "gantt-schedule-timeline-calendar": "^3.33.13",
     "markdown-it-vue": "^1.1.6",
     "mavon-editor": "^2.9.1",
     "moment": "^2.29.1",
     "register-service-worker": "^1.7.1",
-    "tinycolor2": "^1.4.2",
-    "vue": "^2.6.11",
-    "vue-avatar-cropper": "^2.0.0",
+    "tinycolor2": "^1.5.2",
+    "vue": "^2.7.14",
+    "vue-avatar-cropper": "^2.0.9",
     "vue-chartjs-typescript": "^3.3.3",
     "vue-class-component": "^7.2.3",
-    "vue-i18n": "^8.24.4",
+    "vue-i18n": "^8.28.2",
     "vue-image-crop-upload": "^3.0.3",
     "vue-markdown": "^2.2.4",
     "vue-nprogress": "^0.2.0",
     "vue-nprogress-ts": "^1.0.0",
     "vue-property-decorator": "^9.1.2",
-    "vue-router": "^3.2.0",
+    "vue-router": "^3.6.5",
     "vue-timeago": "^5.1.3",
-    "vue-toast-notification": "^0.6.2",
-    "vuetify": "^2.4.0",
+    "vue-toast-notification": "^0.6.3",
+    "vuetify": "^2.6.14",
     "vuex": "^3.4.0",
     "vuex-class": "^0.3.2",
     "vuex-persist": "^3.1.3"
   },
   "devDependencies": {
     "@types/jest": "^24.0.19",
-    "@types/markdown-it": "^12.0.2",
-    "@typescript-eslint/eslint-plugin": "^4.18.0",
-    "@typescript-eslint/parser": "^4.18.0",
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
-    "@vue/cli-plugin-pwa": "~4.5.0",
-    "@vue/cli-plugin-router": "~4.5.0",
-    "@vue/cli-plugin-typescript": "~4.5.0",
-    "@vue/cli-plugin-unit-jest": "~4.5.0",
-    "@vue/cli-plugin-vuex": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
+    "@types/markdown-it": "^12.2.3",
+    "@typescript-eslint/eslint-plugin": "^4.33.0",
+    "@typescript-eslint/parser": "^4.33.0",
+    "@vue/cli-plugin-babel": "^4.5.19",
+    "@vue/cli-plugin-eslint": "^4.5.19",
+    "@vue/cli-plugin-pwa": "^4.5.19",
+    "@vue/cli-plugin-router": "^4.5.19",
+    "@vue/cli-plugin-typescript": "^4.5.19",
+    "@vue/cli-plugin-unit-jest": "^4.5.19",
+    "@vue/cli-plugin-vuex": "^4.5.19",
+    "@vue/cli-service": "^4.5.19",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^7.0.0",
-    "@vue/test-utils": "^1.0.3",
+    "@vue/test-utils": "^1.3.3",
     "eslint": "^6.7.2",
-    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-prettier": "^3.4.1",
     "eslint-plugin-vue": "^6.2.2",
     "install": "^0.13.0",
-    "prettier": "^2.2.1",
+    "prettier": "^2.8.3",
     "raw-loader": "^4.0.2",
     "sass": "~1.32.12",
-    "sass-loader": "^10.0.0",
-    "typescript": "~4.1.5",
-    "vue-cli-plugin-i18n": "~2.1.1",
-    "vue-cli-plugin-vuetify": "~2.4.0",
-    "vue-template-compiler": "^2.6.11",
-    "vuetify-loader": "^1.7.0",
-    "vuex-module-decorators": "^1.0.1"
+    "sass-loader": "^10.4.1",
+    "typescript": "^4.9.4",
+    "vue-cli-plugin-i18n": "^2.3.1",
+    "vue-cli-plugin-vuetify": "^2.5.8",
+    "vue-template-compiler": "^2.7.14",
+    "vuetify-loader": "^1.9.2",
+    "vuex-module-decorators": "^1.2.0"
   }
 }

frontend/src/components/SearchBar.vue

@@ -185,7 +185,7 @@ export default class SearchBar extends Vue {
         const tasks: Task[] = response.data;
         if (tasks) this.handleTasks(tasks);
       })
-      .catch((err) => {
+      .catch((err: any) => {
         this.$toast.error(err.response.data.message);
       })
       .finally(() => {

frontend/src/components/group/GroupItem.vue

@@ -134,7 +134,7 @@ export default class GroupItem extends Vue {
           groupModule.loadGroups();
         }
       })
-      .catch((err) => {
+      .catch((err: any) => {
         this.$toast.error(err.response.data.message);
       })
       .finally(() => {

frontend/src/components/subject/SubjectDetails.vue

@@ -111,7 +111,7 @@ export default class SubjectDetails extends Vue {
       if (subjectId) {
         this.subject = subjectModule.getCurrentSubject!;
       }
-    } catch (err) {
+    } catch (err: any) {
       if (err.response.status == 404) {
         this.$router.replace({ name: "NotFound" });
       }
@@ -135,7 +135,7 @@ export default class SubjectDetails extends Vue {
         params: { subject_id: subject.id },
       });
       this.$toast.success(this.$t("global.success").toString());
-    } catch (err) {
+    } catch (err: any) {
       this.errors = err.response.data.errors;
       this.$toast.error(this.$t("global.error-form").toString());
     }

frontend/src/components/task/Comment/CommentDetails.vue

@@ -69,7 +69,7 @@ export default class CommentDetails extends Vue {
       await questionModule.upsertComment(this.commentForm);
       this.commentForm.description = "";
       this.handleSave();
-    } catch (err) {
+    } catch (err: any) {
       this.errors = err.response.data.errors;
       this.$toast.error(this.$t("global.error-form").toString());
     } finally {

frontend/src/components/task/Question/QuestionDetails.vue

@@ -71,7 +71,7 @@ export default class QuestionDetails extends Vue {
       await questionModule.upsertQuestion(this.questionForm);
       this.clean();
       this.handleSave();
-    } catch (err) {
+    } catch (err: any) {
       this.errors = err.response.data.errors;
       this.$toast.error(this.$t("global.error-form").toString());
     } finally {

frontend/src/components/task/TaskDetails.vue

@@ -164,7 +164,7 @@ export default class TaskDetails extends Vue {
       this.$toast.success(this.$t("global.success").toString());
       this.errors = {};
       this.$router.push({ name: "taskDisplay", params: { task_id: task.id } });
-    } catch (err) {
+    } catch (err: any) {
       this.errors = err.response.data.errors;
       this.$toast.error(this.$t("global.error-form").toString());
     } finally {

frontend/src/components/utility/Paginate.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <slot v-bind:items="visibleItems"></slot>
+
     <div class="text-center mt-4">
       <v-pagination
         v-show="pages > 1"
@@ -20,7 +21,7 @@ import { Component, Vue, Prop, Watch } from "vue-property-decorator";
 @Component
 export default class Paginate extends Vue {
   @Prop() items!: unknown[];
-  @Prop({ default: 10, validator: (val) => val > 0 }) perPage!: number;
+  @Prop({ default: 10, validator: (val) => (val as any) > 0 }) perPage!: number;
   page = 1;
 
   get pages(): number {

frontend/src/router/index.ts

@@ -172,7 +172,7 @@ const router = new VueRouter({
 router.beforeEach((to: Route, from: Route, next: NavigationGuardNext) => {
   if (
     !auth.isLoggedIn &&
-    (to.meta.isAuthNeeded == undefined || to.meta.isAuthNeeded)
+    (to?.meta?.isAuthNeeded == undefined || to?.meta?.isAuthNeeded)
   ) {
     next({
       path: "/login",

frontend/src/views/Group/Settings/Manage.vue

@@ -114,7 +114,7 @@ export default class GroupManage extends Vue {
       await groupModule.updateGroup(this.group);
       this.$toast.success(this.$t("global.success").toString());
       this.errors = {};
-    } catch (err) {
+    } catch (err: any) {
       this.errors = err.response.data.errors;
       this.$toast.error(this.$t("global.error-form").toString());
     }
@@ -147,7 +147,7 @@ export default class GroupManage extends Vue {
       try {
         this.$router.push({ name: "Home" });
         await groupModule.leave(group);
-      } catch (err) {
+      } catch (err: any) {
         this.$toast.error(err.response.data.message);
       }
     }

frontend/src/views/Group/Settings/Members.vue

@@ -124,7 +124,7 @@ export default class GroupMembers extends Vue {
     try {
       await groupModule.updateGroup(group);
       this.$toast.success(this.$t("global.success").toString());
-    } catch (err) {
+    } catch (err: any) {
       this.$toast.error(err.response.data.message);
     }
   }
@@ -135,7 +135,7 @@ export default class GroupMembers extends Vue {
     try {
       await memberModule.removeMember({ groupId, member });
       this.$toast.success(this.$t("global.success").toString());
-    } catch (err) {
+    } catch (err: any) {
       this.$toast.error(err.response.data.message);
     }
   }
@@ -146,7 +146,7 @@ export default class GroupMembers extends Vue {
     try {
       await memberModule.changeStatus({ groupId, member, status });
       this.$toast.success(this.$t("global.success").toString());
-    } catch (err) {
+    } catch (err: any) {
       this.$toast.error(err.response.data.message);
     }
   }

frontend/src/views/Group/Settings/Requests.vue

@@ -78,7 +78,7 @@ export default class GroupMembers extends Vue {
     try {
       await memberModule.changeStatus({ groupId, member, status });
       this.$toast.success(this.$t("global.success").toString());
-    } catch (err) {
+    } catch (err: any) {
       this.$toast.error(err.response.data.message);
     }
   }

frontend/src/views/Group/Subjects.vue

@@ -92,7 +92,7 @@ export default class Subjects extends Vue {
         await subjectModule.delete(subject);
         this.$toast.success(this.$t("global.success").toString());
       }
-    } catch (err) {
+    } catch (err: any) {
       this.$toast.error(err.response.data);
     }
   }

frontend/src/views/GroupContainer.vue

@@ -138,7 +138,7 @@ export default class GroupContainer extends Vue {
   async created(): Promise<void> {
     try {
       await groupModule.selectGroup(this.groupId);
-    } catch (err) {
+    } catch (err: any) {
       if (err.response.status == 404) {
         this.$router.replace({ name: "NotFound" });
       } else {

frontend/src/views/GroupNew.vue

@@ -219,7 +219,7 @@ export default class GroupNew extends Vue {
         params: { group_id: group.id },
       });
       this.$toast.success(this.$t("groups.create.success").toString());
-    } catch (err) {
+    } catch (err: any) {
       //console.log("err", err);
       this.errors = err.response.data.errors;
       this.$toast.error(this.$t("global.error-form").toString());

frontend/src/views/GroupSearch.vue

@@ -167,7 +167,7 @@ export default class GroupSearch extends Vue {
         this.results = groups;
         this.pages = response.data.last_page;
       })
-      .catch((err) => {
+      .catch((err: any) => {
         this.$toast.error(err.response.data.message);
       })
       .finally(() => {

frontend/src/views/Subject/SubjectDisplay.vue

@@ -74,7 +74,7 @@ export default class SubjectDisplay extends Vue {
     try {
       const subjectId = this.$route.params.subject_id;
       await subjectModule.selectSubject(subjectId);
-    } catch (err) {
+    } catch (err: any) {
       if (err.response.status == 404) {
         this.$router.replace({ name: "NotFound" });
       }
@@ -89,7 +89,7 @@ export default class SubjectDisplay extends Vue {
         await subjectModule.delete(this.subject);
         this.$router.push({ name: "subjects" });
         this.$toast.success(this.$t("global.success").toString());
-      } catch (err) {
+      } catch (err: any) {
         this.$toast.error(err.response.data);
       }
     }

frontend/src/views/Task/TaskDisplay.vue

@@ -181,7 +181,7 @@ export default class TaskDisplay extends Vue {
     try {
       const taskId = this.$route.params.task_id;
       await taskModule.selectTask(taskId);
-    } catch (err) {
+    } catch (err: any) {
       if (err.response.status == 404) {
         this.$router.replace({ name: "NotFound" });
       }