Router update to avoid if else check

pull/2199/head
Cagatay Civici 2022-02-23 15:09:16 +03:00
parent 02f4924a4a
commit 093505e8d1
3 changed files with 815 additions and 810 deletions

View File

@ -1,6 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-93461466-1"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-93461466-1"></script>
<script> <script>

View File

@ -1,11 +1,10 @@
<template> <template>
<Home v-if="$route.path === '/'" :theme="theme" @change-theme="changeTheme" /> <div>
<App v-else :theme="theme" @change-theme="changeTheme" /> <router-view></router-view>
</div>
</template> </template>
<script> <script>
import Home from './Home.vue';
import App from './App.vue';
import EventBus from '@/AppEventBus'; import EventBus from '@/AppEventBus';
export default { export default {
@ -45,11 +44,11 @@ export default {
cloneLinkElement.setAttribute('id', id); cloneLinkElement.setAttribute('id', id);
}); });
}, },
}, }/*,
components: { components: {
'App': App, 'App': App,
'Home': Home 'Home': Home
} }*/
} }
</script> </script>

View File

@ -1,5 +1,6 @@
import {createRouter, createWebHashHistory} from 'vue-router' import {createRouter, createWebHashHistory} from 'vue-router'
import Home from '../Home.vue'; import Home from '../Home.vue';
import App from '../App.vue';
const routes = [ const routes = [
{ {
@ -8,6 +9,10 @@ const routes = [
exact: true, exact: true,
component: Home component: Home
}, },
{
path: '/',
component: () => App,
children: [
{ {
path: '/setup', path: '/setup',
name: 'setup', name: 'setup',
@ -827,6 +832,8 @@ const routes = [
name: 'vuelidateform', name: 'vuelidateform',
component: () => import('../views/validation/VuelidateFormDemo.vue') component: () => import('../views/validation/VuelidateFormDemo.vue')
} }
]
}
]; ];
const router = createRouter({ const router = createRouter({