fix: Add Chart of Accounts to sidebar

src/components/Sidebar.vue

@@ -35,7 +35,7 @@
               :key="item.label"
               class="mt-1 first:mt-0 text-base text-gray-800 py-1 pl-10 rounded cursor-pointer hover:bg-white"
               :class="itemActiveClass(item)"
-              @click="routeTo(item.route)"
+              @click="onItemClick(item)"
             >
               {{ item.label }}
             </div>
@@ -91,9 +91,9 @@ export default {
   },
   methods: {
     itemActiveClass(item) {
-      let currentRoute = this.$route.path;
+      let { path: currentRoute, params } = this.$route;
       let routeMatch = currentRoute === item.route;
-      let doctypeMatch = this.$route.params.doctype === item.doctype;
+      let doctypeMatch = item.doctype && params.doctype === item.doctype;
       return routeMatch || doctypeMatch ? 'bg-white text-blue-500' : '';
     },
     isActiveGroup(group) {
@@ -108,6 +108,14 @@ export default {
       }
       this.activeGroup = group;
     },
+    onItemClick(item) {
+      if (item.action) {
+        item.action();
+      }
+      if (item.route) {
+        this.routeTo(item.route);
+      }
+    },
     routeTo(route) {
       this.$router.push(route);
     }

src/router.js

@@ -87,7 +87,7 @@ const routes = [
     props: true
   },
   {
-    path: '/chartOfAccounts',
+    path: '/chart-of-accounts',
     name: 'Chart Of Accounts',
     components: {
       default: ChartOfAccounts,

src/sidebarConfig.js

@@ -114,13 +114,22 @@ const config = {
       ]
     },
     {
-      title: _('Settings'),
+      title: _('Setup'),
       icon: getIcon('settings'),
+      items: [
+        {
+          label: _('Chart of Accounts'),
+          route: '/chart-of-accounts'
+        },
+        {
+          label: _('Settings'),
           action() {
             openSettings();
           }
         }
       ]
+    }
+  ]
 };
 
 function getIcon(name, size = '18', height = null) {