basic chart menu finished

frontend/src/router/index.js

@@ -1,25 +1,36 @@
 import { createRouter, createWebHistory } from 'vue-router';
 import AppLayout from '@/layout/AppLayout.vue';
 import HomeView from '../views/HomeView.vue';
+import Landing from '../views/Landing.vue';
 
 const router = createRouter({
     history: createWebHistory(import.meta.env.BASE_URL),
     routes: [
         {
             path: '/',
+            component: Landing
+        },
+        {
+            path: '/home',
             component: AppLayout,
             children: [
                 {
-                    path: '/',
-                    name: 'home',
+                    path: '/home',
+                    name: 'Home',
                     component: HomeView
                 },
+                {
+                    path: '/charts',
+                    name: 'charts',
+                    component: () => import('@/views/menu/Chart.vue')
+                },
                 {
                     path: '/about',
                     name: 'about',
                     // route level code-splitting
                     // this generates a separate chunk (About.[hash].js) for this route
                     // which is lazy-loaded when the route is visited.
+
                     component: () => import('../views/AboutView.vue')
                 }
             ]