lazy load various components

This commit is contained in:
Andreas Zweili 2021-07-29 18:49:19 +02:00
parent eddcdd1755
commit 870f74e74a
2 changed files with 12 additions and 8 deletions

View File

@ -1,4 +1,4 @@
import { createApp } from 'vue';
import { createApp, defineAsyncComponent } from 'vue';
import router from './router';
import store from './store';
@ -6,9 +6,12 @@ import App from './App';
import BaseBadge from './components/ui/BaseBadge';
import BaseButton from './components/ui/BaseButton';
import BaseCard from './components/ui/BaseCard';
import BaseDialog from './components/ui/BaseDialog';
import BaseSpinner from './components/ui/BaseSpinner';
const BaseDialog = defineAsyncComponent(() =>
import('./components/ui/BaseDialog')
);
const app = createApp(App);
app.use(router);

View File

@ -1,14 +1,15 @@
import { createRouter, createWebHistory } from 'vue-router';
import UserAuth from '../pages/auth/UserAuth';
import CoachDetails from '../pages/coaches/CoachDetails';
import CoachesList from '../pages/coaches/CoachesList';
import CoachRegistration from '../pages/coaches/CoachRegistration';
import ContactCoach from '../pages/requests/ContactCoach';
import RequestsRecieved from '../pages/requests/RequestsRecieved';
import NotFound from '../pages/NotFound';
import store from '../store/index.js';
const UserAuth = () => import('../pages/auth/UserAuth');
const CoachDetails = () => import('../pages/coaches/CoachDetails');
const CoachRegistration = () => import('../pages/coaches/CoachRegistration');
const ContactCoach = () => import('../pages/requests/ContactCoach');
const RequestsRecieved = () => import('../pages/requests/RequestsRecieved');
const NotFound = () => import('../pages/NotFound');
const router = createRouter({
history: createWebHistory(),
routes: [