Fix lint issues

And disable eslint when building in prod mode Signed-off-by: Thomas Citharel <tcit@tcit.fr>
2020-11-30 10:24:11 +01:00
parent da42522073
commit 2d541f2e32
161 changed files with 3869 additions and 1236 deletions
--- a/js/src/router/actor.ts
+++ b/js/src/router/actor.ts
@@ -1,4 +1,5 @@
 import { RouteConfig } from "vue-router";
+import { EsModuleComponent } from "vue/types/options";

 export enum ActorRouteName {
  GROUP = "Group",
@@ -11,20 +12,23 @@ export const actorRoutes: RouteConfig[] = [
  {
    path: "/groups/create",
    name: ActorRouteName.CREATE_GROUP,
-    component: () => import(/* webpackChunkName: "CreateGroup" */ "@/views/Group/Create.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(/* webpackChunkName: "CreateGroup" */ "@/views/Group/Create.vue"),
    meta: { requiredAuth: true },
  },
  {
    path: "/@:preferredUsername",
    name: ActorRouteName.GROUP,
-    component: () => import(/* webpackChunkName: "Group" */ "@/views/Group/Group.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(/* webpackChunkName: "Group" */ "@/views/Group/Group.vue"),
    props: true,
    meta: { requiredAuth: false },
  },
  {
    path: "/groups/me",
    name: ActorRouteName.MY_GROUPS,
-    component: () => import(/* webpackChunkName: "MyGroups" */ "@/views/Group/MyGroups.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(/* webpackChunkName: "MyGroups" */ "@/views/Group/MyGroups.vue"),
    meta: { requiredAuth: true },
  },
 ];
--- a/js/src/router/discussion.ts
+++ b/js/src/router/discussion.ts
@@ -1,4 +1,5 @@
 import { RouteConfig } from "vue-router";
+import { EsModuleComponent } from "vue/types/options";

 export enum DiscussionRouteName {
  DISCUSSION_LIST = "DISCUSSION_LIST",
@@ -10,24 +11,30 @@ export const discussionRoutes: RouteConfig[] = [
  {
    path: "/@:preferredUsername/discussions",
    name: DiscussionRouteName.DISCUSSION_LIST,
-    component: () =>
-      import(/* webpackChunkName: "DiscussionsList" */ "@/views/Discussions/DiscussionsList.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(
+        /* webpackChunkName: "DiscussionsList" */ "@/views/Discussions/DiscussionsList.vue"
+      ),
    props: true,
    meta: { requiredAuth: true },
  },
  {
    path: "/@:preferredUsername/discussions/new",
    name: DiscussionRouteName.CREATE_DISCUSSION,
-    component: () =>
-      import(/* webpackChunkName: "CreateDiscussion" */ "@/views/Discussions/Create.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(
+        /* webpackChunkName: "CreateDiscussion" */ "@/views/Discussions/Create.vue"
+      ),
    props: true,
    meta: { requiredAuth: true },
  },
  {
    path: "/@:preferredUsername/c/:slug/:comment_id?",
    name: DiscussionRouteName.DISCUSSION,
-    component: () =>
-      import(/* webpackChunkName: "Discussion" */ "@/views/Discussions/Discussion.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(
+        /* webpackChunkName: "Discussion" */ "@/views/Discussions/Discussion.vue"
+      ),
    props: true,
    meta: { requiredAuth: true },
  },
--- a/js/src/router/error.ts
+++ b/js/src/router/error.ts
@@ -1,5 +1,6 @@
 import { beforeRegisterGuard } from "@/router/guards/register-guard";
 import { RouteConfig } from "vue-router";
+import { EsModuleComponent } from "vue/types/options";

 export enum ErrorRouteName {
  ERROR = "Error",
@@ -9,7 +10,8 @@ export const errorRoutes: RouteConfig[] = [
  {
    path: "/error",
    name: ErrorRouteName.ERROR,
-    component: () => import(/* webpackChunkName: "Error" */ "../views/Error.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(/* webpackChunkName: "Error" */ "../views/Error.vue"),
    beforeEnter: beforeRegisterGuard,
  },
 ];
--- a/js/src/router/event.ts
+++ b/js/src/router/event.ts
@@ -1,10 +1,16 @@
 import { RouteConfig, Route } from "vue-router";
+import { EsModuleComponent } from "vue/types/options";

-const participations = () =>
-  import(/* webpackChunkName: "participations" */ "@/views/Event/Participants.vue");
-const editEvent = () => import(/* webpackChunkName: "edit-event" */ "@/views/Event/Edit.vue");
-const event = () => import(/* webpackChunkName: "event" */ "@/views/Event/Event.vue");
-const myEvents = () => import(/* webpackChunkName: "my-events" */ "@/views/Event/MyEvents.vue");
+const participations = (): Promise<EsModuleComponent> =>
+  import(
+    /* webpackChunkName: "participations" */ "@/views/Event/Participants.vue"
+  );
+const editEvent = (): Promise<EsModuleComponent> =>
+  import(/* webpackChunkName: "edit-event" */ "@/views/Event/Edit.vue");
+const event = (): Promise<EsModuleComponent> =>
+  import(/* webpackChunkName: "event" */ "@/views/Event/Event.vue");
+const myEvents = (): Promise<EsModuleComponent> =>
+  import(/* webpackChunkName: "my-events" */ "@/views/Event/MyEvents.vue");

 export enum EventRouteName {
  EVENT_LIST = "EventList",
@@ -25,7 +31,8 @@ export const eventRoutes: RouteConfig[] = [
  {
    path: "/events/list/:location?",
    name: EventRouteName.EVENT_LIST,
-    component: () => import(/* webpackChunkName: "EventList" */ "@/views/Event/EventList.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(/* webpackChunkName: "EventList" */ "@/views/Event/EventList.vue"),
    meta: { requiredAuth: false },
  },
  {
@@ -45,7 +52,9 @@ export const eventRoutes: RouteConfig[] = [
    name: EventRouteName.EDIT_EVENT,
    component: editEvent,
    meta: { requiredAuth: true },
-    props: (route: Route): Record<string, unknown> => ({ ...route.params, ...{ isUpdate: true } }),
+    props: (route: Route): Record<string, unknown> => {
+      return { ...route.params, ...{ isUpdate: true } };
+    },
  },
  {
    path: "/events/duplicate/:eventId",
@@ -74,31 +83,36 @@ export const eventRoutes: RouteConfig[] = [
  {
    path: "/events/:uuid/participate",
    name: EventRouteName.EVENT_PARTICIPATE_LOGGED_OUT,
-    component: () => import("../components/Participation/UnloggedParticipation.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import("../components/Participation/UnloggedParticipation.vue"),
    props: true,
  },
  {
    path: "/events/:uuid/participate/with-account",
    name: EventRouteName.EVENT_PARTICIPATE_WITH_ACCOUNT,
-    component: () => import("../components/Participation/ParticipationWithAccount.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import("../components/Participation/ParticipationWithAccount.vue"),
    props: true,
  },
  {
    path: "/events/:uuid/participate/without-account",
    name: EventRouteName.EVENT_PARTICIPATE_WITHOUT_ACCOUNT,
-    component: () => import("../components/Participation/ParticipationWithoutAccount.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import("../components/Participation/ParticipationWithoutAccount.vue"),
    props: true,
  },
  {
    path: "/participation/email/confirm/:token",
    name: EventRouteName.EVENT_PARTICIPATE_CONFIRM,
-    component: () => import("../components/Participation/ConfirmParticipation.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import("../components/Participation/ConfirmParticipation.vue"),
    props: true,
  },
  {
    path: "/tag/:tag",
    name: EventRouteName.TAG,
-    component: () => import(/* webpackChunkName: "Search" */ "@/views/Search.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(/* webpackChunkName: "Search" */ "@/views/Search.vue"),
    props: true,
    meta: { requiredAuth: false },
  },
--- a/js/src/router/groups.ts
+++ b/js/src/router/groups.ts
@@ -1,4 +1,5 @@
 import { RouteConfig, Route } from "vue-router";
+import { EsModuleComponent } from "vue/types/options";

 export enum GroupsRouteName {
  TODO_LISTS = "TODO_LISTS",
@@ -18,29 +19,33 @@ export enum GroupsRouteName {
  GROUP_JOIN = "GROUP_JOIN",
 }

-const resourceFolder = () => import("@/views/Resources/ResourceFolder.vue");
-const groupEvents = () =>
+const resourceFolder = (): Promise<EsModuleComponent> =>
+  import("@/views/Resources/ResourceFolder.vue");
+const groupEvents = (): Promise<EsModuleComponent> =>
  import(/* webpackChunkName: "groupEvents" */ "@/views/Event/GroupEvents.vue");

 export const groupsRoutes: RouteConfig[] = [
  {
    path: "/@:preferredUsername/todo-lists",
    name: GroupsRouteName.TODO_LISTS,
-    component: () => import("@/views/Todos/TodoLists.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import("@/views/Todos/TodoLists.vue"),
    props: true,
    meta: { requiredAuth: true },
  },
  {
    path: "/todo-lists/:id",
    name: GroupsRouteName.TODO_LIST,
-    component: () => import("@/views/Todos/TodoList.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import("@/views/Todos/TodoList.vue"),
    props: true,
    meta: { requiredAuth: true },
  },
  {
    path: "/todo/:todoId",
    name: GroupsRouteName.TODO,
-    component: () => import("@/views/Todos/Todo.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import("@/views/Todos/Todo.vue"),
    props: true,
    meta: { requiredAuth: true },
  },
@@ -60,7 +65,8 @@ export const groupsRoutes: RouteConfig[] = [
  },
  {
    path: "/@:preferredUsername/settings",
-    component: () => import("@/views/Group/Settings.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import("@/views/Group/Settings.vue"),
    props: true,
    meta: { requiredAuth: true },
    redirect: { name: GroupsRouteName.GROUP_PUBLIC_SETTINGS },
@@ -69,40 +75,49 @@ export const groupsRoutes: RouteConfig[] = [
      {
        path: "public",
        name: GroupsRouteName.GROUP_PUBLIC_SETTINGS,
-        component: () => import("../views/Group/GroupSettings.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import("../views/Group/GroupSettings.vue"),
      },
      {
        path: "members",
        name: GroupsRouteName.GROUP_MEMBERS_SETTINGS,
-        component: () => import("../views/Group/GroupMembers.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import("../views/Group/GroupMembers.vue"),
        props: true,
      },
    ],
  },
  {
    path: "/@:preferredUsername/p/new",
-    component: () => import("@/views/Posts/Edit.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import("@/views/Posts/Edit.vue"),
    props: true,
    name: GroupsRouteName.POST_CREATE,
    meta: { requiredAuth: true },
  },
  {
    path: "/p/:slug/edit",
-    component: () => import("@/views/Posts/Edit.vue"),
-    props: (route: Route) => ({ ...route.params, ...{ isUpdate: true } }),
+    component: (): Promise<EsModuleComponent> =>
+      import("@/views/Posts/Edit.vue"),
+    props: (route: Route): Record<string, unknown> => ({
+      ...route.params,
+      ...{ isUpdate: true },
+    }),
    name: GroupsRouteName.POST_EDIT,
    meta: { requiredAuth: true },
  },
  {
    path: "/p/:slug",
-    component: () => import("@/views/Posts/Post.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import("@/views/Posts/Post.vue"),
    props: true,
    name: GroupsRouteName.POST,
    meta: { requiredAuth: false },
  },
  {
    path: "/@:preferredUsername/p",
-    component: () => import("@/views/Posts/List.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import("@/views/Posts/List.vue"),
    props: true,
    name: GroupsRouteName.POSTS,
    meta: { requiredAuth: false },
@@ -116,7 +131,8 @@ export const groupsRoutes: RouteConfig[] = [
  },
  {
    path: "/@:preferredUsername/join",
-    component: () => import("@/components/Group/JoinGroupWithAccount.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import("@/components/Group/JoinGroupWithAccount.vue"),
    props: true,
    name: GroupsRouteName.GROUP_JOIN,
    meta: { requiredAuth: false },
--- a/js/src/router/index.ts
+++ b/js/src/router/index.ts
@@ -49,7 +49,8 @@ const router = new Router({
    {
      path: "/search",
      name: RouteName.SEARCH,
-      component: () => import(/* webpackChunkName: "search" */ "../views/Search.vue"),
+      component: () =>
+        import(/* webpackChunkName: "search" */ "../views/Search.vue"),
      props: true,
      meta: { requiredAuth: false },
    },
@@ -62,7 +63,8 @@ const router = new Router({
    {
      path: "/about",
      name: RouteName.ABOUT,
-      component: () => import(/* webpackChunkName: "about" */ "@/views/About.vue"),
+      component: () =>
+        import(/* webpackChunkName: "about" */ "@/views/About.vue"),
      meta: { requiredAuth: false },
      redirect: { name: RouteName.ABOUT_INSTANCE },
      children: [
@@ -70,30 +72,40 @@ const router = new Router({
          path: "instance",
          name: RouteName.ABOUT_INSTANCE,
          component: () =>
-            import(/* webpackChunkName: "about" */ "@/views/About/AboutInstance.vue"),
+            import(
+              /* webpackChunkName: "about" */ "@/views/About/AboutInstance.vue"
+            ),
        },
        {
          path: "/terms",
          name: RouteName.TERMS,
-          component: () => import(/* webpackChunkName: "cookies" */ "@/views/About/Terms.vue"),
+          component: () =>
+            import(/* webpackChunkName: "cookies" */ "@/views/About/Terms.vue"),
          meta: { requiredAuth: false },
        },
        {
          path: "/privacy",
          name: RouteName.PRIVACY,
-          component: () => import(/* webpackChunkName: "cookies" */ "@/views/About/Privacy.vue"),
+          component: () =>
+            import(
+              /* webpackChunkName: "cookies" */ "@/views/About/Privacy.vue"
+            ),
          meta: { requiredAuth: false },
        },
        {
          path: "/rules",
          name: RouteName.RULES,
-          component: () => import(/* webpackChunkName: "cookies" */ "@/views/About/Rules.vue"),
+          component: () =>
+            import(/* webpackChunkName: "cookies" */ "@/views/About/Rules.vue"),
          meta: { requiredAuth: false },
        },
        {
          path: "/glossary",
          name: RouteName.GLOSSARY,
-          component: () => import(/* webpackChunkName: "cookies" */ "@/views/About/Glossary.vue"),
+          component: () =>
+            import(
+              /* webpackChunkName: "cookies" */ "@/views/About/Glossary.vue"
+            ),
          meta: { requiredAuth: false },
        },
      ],
@@ -101,20 +113,25 @@ const router = new Router({
    {
      path: "/interact",
      name: RouteName.INTERACT,
-      component: () => import(/* webpackChunkName: "cookies" */ "@/views/Interact.vue"),
+      component: () =>
+        import(/* webpackChunkName: "cookies" */ "@/views/Interact.vue"),
      meta: { requiredAuth: false },
    },
    {
      path: "/auth/:provider/callback",
      name: "auth-callback",
      component: () =>
-        import(/* webpackChunkName: "ProviderValidation" */ "@/views/User/ProviderValidation.vue"),
+        import(
+          /* webpackChunkName: "ProviderValidation" */ "@/views/User/ProviderValidation.vue"
+        ),
    },
    {
      path: "/welcome/:step?",
      name: RouteName.WELCOME_SCREEN,
      component: () =>
-        import(/* webpackChunkName: "WelcomeScreen" */ "@/views/User/SettingsOnboard.vue"),
+        import(
+          /* webpackChunkName: "WelcomeScreen" */ "@/views/User/SettingsOnboard.vue"
+        ),
      meta: { requiredAuth: true },
      props: (route) => {
        const step = Number.parseInt(route.params.step, 10);
@@ -127,7 +144,8 @@ const router = new Router({
    {
      path: "/404",
      name: RouteName.PAGE_NOT_FOUND,
-      component: () => import(/* webpackChunkName: "search" */ "../views/PageNotFound.vue"),
+      component: () =>
+        import(/* webpackChunkName: "search" */ "../views/PageNotFound.vue"),
      meta: { requiredAuth: false },
    },
    {
--- a/js/src/router/settings.ts
+++ b/js/src/router/settings.ts
@@ -1,4 +1,5 @@
 import { Route, RouteConfig } from "vue-router";
+import { EsModuleComponent } from "vue/types/options";

 export enum SettingsRouteName {
  SETTINGS = "SETTINGS",
@@ -30,7 +31,8 @@ export enum SettingsRouteName {
 export const settingsRoutes: RouteConfig[] = [
  {
    path: "/settings",
-    component: () => import(/* webpackChunkName: "Settings" */ "@/views/Settings.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(/* webpackChunkName: "Settings" */ "@/views/Settings.vue"),
    props: true,
    meta: { requiredAuth: true },
    redirect: { name: SettingsRouteName.ACCOUNT_SETTINGS },
@@ -45,24 +47,30 @@ export const settingsRoutes: RouteConfig[] = [
      {
        path: "account/general",
        name: SettingsRouteName.ACCOUNT_SETTINGS_GENERAL,
-        component: () =>
-          import(/* webpackChunkName: "AccountSettings" */ "@/views/Settings/AccountSettings.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(
+            /* webpackChunkName: "AccountSettings" */ "@/views/Settings/AccountSettings.vue"
+          ),
        props: true,
        meta: { requiredAuth: true },
      },
      {
        path: "preferences",
        name: SettingsRouteName.PREFERENCES,
-        component: () =>
-          import(/* webpackChunkName: "Preferences" */ "@/views/Settings/Preferences.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(
+            /* webpackChunkName: "Preferences" */ "@/views/Settings/Preferences.vue"
+          ),
        props: true,
        meta: { requiredAuth: true },
      },
      {
        path: "notifications",
        name: SettingsRouteName.NOTIFICATIONS,
-        component: () =>
-          import(/* webpackChunkName: "Notifications" */ "@/views/Settings/Notifications.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(
+            /* webpackChunkName: "Notifications" */ "@/views/Settings/Notifications.vue"
+          ),
        props: true,
        meta: { requiredAuth: true },
      },
@@ -75,61 +83,77 @@ export const settingsRoutes: RouteConfig[] = [
      {
        path: "admin/dashboard",
        name: SettingsRouteName.ADMIN_DASHBOARD,
-        component: () => import(/* webpackChunkName: "Dashboard" */ "@/views/Admin/Dashboard.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(
+            /* webpackChunkName: "Dashboard" */ "@/views/Admin/Dashboard.vue"
+          ),
        meta: { requiredAuth: true },
      },
      {
        path: "admin/settings",
        name: SettingsRouteName.ADMIN_SETTINGS,
-        component: () =>
-          import(/* webpackChunkName: "AdminSettings" */ "@/views/Admin/Settings.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(
+            /* webpackChunkName: "AdminSettings" */ "@/views/Admin/Settings.vue"
+          ),
        props: true,
        meta: { requiredAuth: true },
      },
      {
        path: "admin/users",
        name: SettingsRouteName.USERS,
-        component: () => import(/* webpackChunkName: "Users" */ "@/views/Admin/Users.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(/* webpackChunkName: "Users" */ "@/views/Admin/Users.vue"),
        props: true,
        meta: { requiredAuth: true },
      },
      {
        path: "admin/users/:id",
        name: SettingsRouteName.ADMIN_USER_PROFILE,
-        component: () =>
-          import(/* webpackChunkName: "AdminUserProfile" */ "@/views/Admin/AdminUserProfile.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(
+            /* webpackChunkName: "AdminUserProfile" */ "@/views/Admin/AdminUserProfile.vue"
+          ),
        props: true,
        meta: { requiredAuth: true },
      },
      {
        path: "admin/profiles",
        name: SettingsRouteName.PROFILES,
-        component: () =>
-          import(/* webpackChunkName: "AdminProfiles" */ "@/views/Admin/Profiles.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(
+            /* webpackChunkName: "AdminProfiles" */ "@/views/Admin/Profiles.vue"
+          ),
        props: true,
        meta: { requiredAuth: true },
      },
      {
        path: "admin/profiles/:id",
        name: SettingsRouteName.ADMIN_PROFILE,
-        component: () =>
-          import(/* webpackChunkName: "AdminProfile" */ "@/views/Admin/AdminProfile.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(
+            /* webpackChunkName: "AdminProfile" */ "@/views/Admin/AdminProfile.vue"
+          ),
        props: true,
        meta: { requiredAuth: true },
      },
      {
        path: "admin/groups",
        name: SettingsRouteName.ADMIN_GROUPS,
-        component: () =>
-          import(/* webpackChunkName: "GroupProfiles" */ "@/views/Admin/GroupProfiles.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(
+            /* webpackChunkName: "GroupProfiles" */ "@/views/Admin/GroupProfiles.vue"
+          ),
        props: true,
        meta: { requiredAuth: true },
      },
      {
        path: "admin/groups/:id",
        name: SettingsRouteName.ADMIN_GROUP_PROFILE,
-        component: () =>
-          import(/* webpackChunkName: "AdminGroupProfile" */ "@/views/Admin/AdminGroupProfile.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(
+            /* webpackChunkName: "AdminGroupProfile" */ "@/views/Admin/AdminGroupProfile.vue"
+          ),
        props: true,
        meta: { requiredAuth: true },
      },
@@ -137,21 +161,26 @@ export const settingsRoutes: RouteConfig[] = [
        path: "admin/relays",
        name: SettingsRouteName.RELAYS,
        redirect: { name: SettingsRouteName.RELAY_FOLLOWINGS },
-        component: () => import(/* webpackChunkName: "Follows" */ "@/views/Admin/Follows.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(/* webpackChunkName: "Follows" */ "@/views/Admin/Follows.vue"),
        meta: { requiredAuth: true },
        children: [
          {
            path: "followings",
            name: SettingsRouteName.RELAY_FOLLOWINGS,
-            component: () =>
-              import(/* webpackChunkName: "Followings" */ "@/components/Admin/Followings.vue"),
+            component: (): Promise<EsModuleComponent> =>
+              import(
+                /* webpackChunkName: "Followings" */ "@/components/Admin/Followings.vue"
+              ),
            meta: { requiredAuth: true },
          },
          {
            path: "followers",
            name: SettingsRouteName.RELAY_FOLLOWERS,
-            component: () =>
-              import(/* webpackChunkName: "Followers" */ "@/components/Admin/Followers.vue"),
+            component: (): Promise<EsModuleComponent> =>
+              import(
+                /* webpackChunkName: "Followers" */ "@/components/Admin/Followers.vue"
+              ),
            meta: { requiredAuth: true },
          },
        ],
@@ -166,23 +195,30 @@ export const settingsRoutes: RouteConfig[] = [
      {
        path: "/moderation/reports/:filter?",
        name: SettingsRouteName.REPORTS,
-        component: () =>
-          import(/* webpackChunkName: "ReportList" */ "@/views/Moderation/ReportList.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(
+            /* webpackChunkName: "ReportList" */ "@/views/Moderation/ReportList.vue"
+          ),
        props: true,
        meta: { requiredAuth: true },
      },
      {
        path: "/moderation/report/:reportId",
        name: SettingsRouteName.REPORT,
-        component: () => import(/* webpackChunkName: "Report" */ "@/views/Moderation/Report.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(
+            /* webpackChunkName: "Report" */ "@/views/Moderation/Report.vue"
+          ),
        props: true,
        meta: { requiredAuth: true },
      },
      {
        path: "/moderation/logs",
        name: SettingsRouteName.REPORT_LOGS,
-        component: () =>
-          import(/* webpackChunkName: "ModerationLogs" */ "@/views/Moderation/Logs.vue"),
+        component: (): Promise<EsModuleComponent> =>
+          import(
+            /* webpackChunkName: "ModerationLogs" */ "@/views/Moderation/Logs.vue"
+          ),
        props: true,
        meta: { requiredAuth: true },
      },
@@ -195,7 +231,7 @@ export const settingsRoutes: RouteConfig[] = [
      {
        path: "/identity/create",
        name: SettingsRouteName.CREATE_IDENTITY,
-        component: () =>
+        component: (): Promise<EsModuleComponent> =>
          import(
            /* webpackChunkName: "EditIdentity" */ "@/views/Account/children/EditIdentity.vue"
          ),
@@ -208,7 +244,7 @@ export const settingsRoutes: RouteConfig[] = [
      {
        path: "/identity/update/:identityName?",
        name: SettingsRouteName.UPDATE_IDENTITY,
-        component: () =>
+        component: (): Promise<EsModuleComponent> =>
          import(
            /* webpackChunkName: "EditIdentity" */ "@/views/Account/children/EditIdentity.vue"
          ),
--- a/js/src/router/user.ts
+++ b/js/src/router/user.ts
@@ -1,5 +1,6 @@
 import { beforeRegisterGuard } from "@/router/guards/register-guard";
 import { Route, RouteConfig } from "vue-router";
+import { EsModuleComponent } from "vue/types/options";

 export enum UserRouteName {
  REGISTER = "Register",
@@ -16,7 +17,10 @@ export const userRoutes: RouteConfig[] = [
  {
    path: "/register/user",
    name: UserRouteName.REGISTER,
-    component: () => import(/* webpackChunkName: "RegisterUser" */ "@/views/User/Register.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(
+        /* webpackChunkName: "RegisterUser" */ "@/views/User/Register.vue"
+      ),
    props: true,
    meta: { requiredAuth: false },
    beforeEnter: beforeRegisterGuard,
@@ -24,8 +28,10 @@ export const userRoutes: RouteConfig[] = [
  {
    path: "/register/profile",
    name: UserRouteName.REGISTER_PROFILE,
-    component: () =>
-      import(/* webpackChunkName: "RegisterProfile" */ "@/views/Account/Register.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(
+        /* webpackChunkName: "RegisterProfile" */ "@/views/Account/Register.vue"
+      ),
    // We can only pass string values through params, therefore
    props: (route: Route): Record<string, unknown> => ({
      email: route.params.email,
@@ -36,46 +42,56 @@ export const userRoutes: RouteConfig[] = [
  {
    path: "/resend-instructions",
    name: UserRouteName.RESEND_CONFIRMATION,
-    component: () =>
-      import(/* webpackChunkName: "ResendConfirmation" */ "@/views/User/ResendConfirmation.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(
+        /* webpackChunkName: "ResendConfirmation" */ "@/views/User/ResendConfirmation.vue"
+      ),
    props: true,
    meta: { requiresAuth: false },
  },
  {
    path: "/password-reset/send",
    name: UserRouteName.SEND_PASSWORD_RESET,
-    component: () =>
-      import(/* webpackChunkName: "SendPasswordReset" */ "@/views/User/SendPasswordReset.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(
+        /* webpackChunkName: "SendPasswordReset" */ "@/views/User/SendPasswordReset.vue"
+      ),
    props: true,
    meta: { requiresAuth: false },
  },
  {
    path: "/password-reset/:token",
    name: UserRouteName.PASSWORD_RESET,
-    component: () =>
-      import(/* webpackChunkName: "PasswordReset" */ "@/views/User/PasswordReset.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(
+        /* webpackChunkName: "PasswordReset" */ "@/views/User/PasswordReset.vue"
+      ),
    meta: { requiresAuth: false },
    props: true,
  },
  {
    path: "/validate/email/:token",
    name: UserRouteName.EMAIL_VALIDATE,
-    component: () =>
-      import(/* webpackChunkName: "EmailValidate" */ "@/views/User/EmailValidate.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(
+        /* webpackChunkName: "EmailValidate" */ "@/views/User/EmailValidate.vue"
+      ),
    props: true,
    meta: { requiresAuth: false },
  },
  {
    path: "/validate/:token",
    name: UserRouteName.VALIDATE,
-    component: () => import(/* webpackChunkName: "Validate" */ "@/views/User/Validate.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(/* webpackChunkName: "Validate" */ "@/views/User/Validate.vue"),
    props: true,
    meta: { requiresAuth: false },
  },
  {
    path: "/login",
    name: UserRouteName.LOGIN,
-    component: () => import(/* webpackChunkName: "Login" */ "@/views/User/Login.vue"),
+    component: (): Promise<EsModuleComponent> =>
+      import(/* webpackChunkName: "Login" */ "@/views/User/Login.vue"),
    props: true,
    meta: { requiredAuth: false },
  },