From 0c678b6e443e04800688a231f92d37f431c31fbb Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Mon, 23 Aug 2021 21:15:04 +0200
Subject: [PATCH] fix: use dynamic imports instead of old async components for
 router views

prepare for vue 3, see: https://next.router.vuejs.org/guide/advanced/lazy-loading.html
---
 src/router/index.js | 57 +++++++++------------------------------------
 1 file changed, 11 insertions(+), 46 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index a485ab801..5f95fa232 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3,8 +3,6 @@ import Router from 'vue-router'
 
 import HomeComponent from '../views/Home'
 import NotFoundComponent from '../views/404'
-import LoadingComponent from '../components/misc/loading'
-import ErrorComponent from '../components/misc/error'
 import About from '../views/About'
 // User Handling
 import LoginComponent from '../views/user/Login'
@@ -48,51 +46,18 @@ import NamespaceSettingDelete from '../views/namespaces/settings/delete'
 // Saved Filters
 import CreateSavedFilter from '../views/filters/CreateSavedFilter'
 
-const PasswordResetComponent = () => ({
-	component: import('../views/user/PasswordReset'),
-	loading: LoadingComponent,
-	error: ErrorComponent,
-	timeout: 60000,
-})
-const GetPasswordResetComponent = () => ({
-	component: import('../views/user/RequestPasswordReset'),
-	loading: LoadingComponent,
-	error: ErrorComponent,
-	timeout: 60000,
-})
-const UserSettingsComponent = () => ({
-	component: import('../views/user/Settings'),
-	loading: LoadingComponent,
-	error: ErrorComponent,
-	timeout: 60000,
-})
-// List Handling
-const NewListComponent = () => ({
-	component: import('../views/list/NewList'),
-	loading: LoadingComponent,
-	error: ErrorComponent,
-	timeout: 60000,
-})
-// Namespace Handling
-const NewNamespaceComponent = () => ({
-	component: import('../views/namespaces/NewNamespace'),
-	loading: LoadingComponent,
-	error: ErrorComponent,
-	timeout: 60000,
-})
+const PasswordResetComponent = () => import('../views/user/PasswordReset')
+const GetPasswordResetComponent = () => import('../views/user/RequestPasswordReset')
+const UserSettingsComponent = () => import('../views/user/Settings')
 
-const EditTeamComponent = () => ({
-	component: import('../views/teams/EditTeam'),
-	loading: LoadingComponent,
-	error: ErrorComponent,
-	timeout: 60000,
-})
-const NewTeamComponent = () => ({
-	component: import('../views/teams/NewTeam'),
-	loading: LoadingComponent,
-	error: ErrorComponent,
-	timeout: 60000,
-})
+// List Handling
+const NewListComponent = () => import('../views/list/NewList')
+
+// Namespace Handling
+const NewNamespaceComponent = () => import('../views/namespaces/NewNamespace')
+
+const EditTeamComponent = () => import('../views/teams/EditTeam')
+const NewTeamComponent = () =>  import('../views/teams/NewTeam')
 
 Vue.use(Router)