mostly Irrigationview

src/router/index.js

@@ -1,6 +1,8 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
-import QuickAreaControlView from '../views/QuickAreaControlView.vue'
+import { createRouter, createWebHistory } from 'vue-router';
+import HomeView from '../views/HomeView.vue';
+import QuickAreaControlView from '../views/QuickAreaControlView.vue';
+import LightingView from '../views/LightingView.vue';
+import IrrigationView from '../views/IrrigationView.vue';
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -32,7 +34,17 @@ const router = createRouter({
       path: '/quickControl',
       name: 'quickControl',
       component: QuickAreaControlView
-    }
+    },
+    {
+      path: '/lighting',
+      name: 'lighting',
+      component: LightingView
+    },
+    {
+      path: '/irrigation',
+      name: 'irrigation',
+      component: IrrigationView
+    },
   ]
 })