From bd63a312026379adf39d9e426b4ff706dbd1a7c7 Mon Sep 17 00:00:00 2001
From: Valentin Kaelin <vkaelin@hey.com>
Date: Thu, 21 Sep 2023 13:54:05 +0200
Subject: [PATCH] feat: dynamically load all routes

---
 client/src/layouts/Default.vue |  4 +++-
 client/src/router.js           | 16 +++++-----------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/client/src/layouts/Default.vue b/client/src/layouts/Default.vue
index 24b19ce..04629f3 100644
--- a/client/src/layouts/Default.vue
+++ b/client/src/layouts/Default.vue
@@ -248,7 +248,9 @@ export default {
   },
 
   created() {
-    this.apiCall()
+    if (this.$route.params.region) {
+      this.apiCall()
+    }
     window.addEventListener('scroll', this.handleScroll)
   },
 
diff --git a/client/src/router.js b/client/src/router.js
index 5d44490..12ad059 100644
--- a/client/src/router.js
+++ b/client/src/router.js
@@ -2,12 +2,6 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import { axios } from './plugins/axios'
 
-import Home from '@/views/Home.vue'
-import Summoner from '@/views/Summoner.vue'
-import SummonerChampions from '@/views/SummonerChampions.vue'
-import SummonerLive from '@/views/SummonerLive.vue'
-import SummonerRecords from '@/views/SummonerRecords.vue'
-
 Vue.use(Router)
 
 const router = new Router({
@@ -17,7 +11,7 @@ const router = new Router({
     {
       path: '/',
       name: 'home',
-      component: Home,
+      component: () => import('@/views/Home.vue'),
       meta: {
         layout: 'Home',
       },
@@ -25,7 +19,7 @@ const router = new Router({
     {
       path: '/summoner/:region/:name',
       name: 'summoner',
-      component: Summoner,
+      component: () => import('@/views/Summoner.vue'),
       meta: {
         season: true,
       },
@@ -33,7 +27,7 @@ const router = new Router({
     {
       path: '/summoner/:region/:name/champions',
       name: 'summonerChampions',
-      component: SummonerChampions,
+      component: () => import('@/views/SummonerChampions.vue'),
       meta: {
         season: true,
       },
@@ -41,7 +35,7 @@ const router = new Router({
     {
       path: '/summoner/:region/:name/records',
       name: 'summonerRecords',
-      component: SummonerRecords,
+      component: () => import('@/views/SummonerRecords.vue'),
       meta: {
         season: true,
       },
@@ -49,7 +43,7 @@ const router = new Router({
     {
       path: '/summoner/:region/:name/live',
       name: 'summonerLive',
-      component: SummonerLive,
+      component: () => import('@/views/SummonerLive.vue'),
     },
   ],
 })