Move all routes to async components

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/router/discussion.ts

@@ -1,7 +1,4 @@
 import { RouteConfig } from "vue-router";
-import CreateDiscussion from "@/views/Discussions/Create.vue";
-import DiscussionsList from "@/views/Discussions/DiscussionsList.vue";
-import discussion from "@/views/Discussions/Discussion.vue";
 
 export enum DiscussionRouteName {
   DISCUSSION_LIST = "DISCUSSION_LIST",
@@ -13,21 +10,24 @@ export const discussionRoutes: RouteConfig[] = [
   {
     path: "/@:preferredUsername/discussions",
     name: DiscussionRouteName.DISCUSSION_LIST,
-    component: DiscussionsList,
+    component: () =>
+      import(/* webpackChunkName: "DiscussionsList" */ "@/views/Discussions/DiscussionsList.vue"),
     props: true,
     meta: { requiredAuth: false },
   },
   {
     path: "/@:preferredUsername/discussions/new",
     name: DiscussionRouteName.CREATE_DISCUSSION,
-    component: CreateDiscussion,
+    component: () =>
+      import(/* webpackChunkName: "CreateDiscussion" */ "@/views/Discussions/Create.vue"),
     props: true,
     meta: { requiredAuth: true },
   },
   {
     path: "/@:preferredUsername/c/:slug/:comment_id?",
     name: DiscussionRouteName.DISCUSSION,
-    component: discussion,
+    component: () =>
+      import(/* webpackChunkName: "Discussion" */ "@/views/Discussions/Discussion.vue"),
     props: true,
     meta: { requiredAuth: false },
   },