fix: customer & sub side menu

src/components/SideMenu.vue

@@ -94,7 +94,19 @@ onUnmounted(() => {
         }"
         @click="handleClick(v)"
       >
-        {{ v.name }}
+        <span
+          class="row no-wrap items-center"
+          :class="{ 'app-text-muted': v.sub && activeMenu !== v.anchor }"
+        >
+          <div v-if="v.sub" class="circle-2"></div>
+          <div
+            v-if="v.sub"
+            class="surface-tab circle flex justify-center q-mx-md"
+          >
+            {{ menu.filter((v) => v.sub === true).indexOf(v) + 1 }}
+          </div>
+          {{ v.name }}
+        </span>
         <slot v-if="v.useBtn" :name="`btn-${v.anchor}`"></slot>
       </span>
     </template>
@@ -117,7 +129,7 @@ onUnmounted(() => {
     cursor: pointer;
 
     &.side-menu__sub {
-      margin-left: 1rem;
+      /* margin-left: 1rem; */
     }
 
     &.side-menu__active {
@@ -127,4 +139,18 @@ onUnmounted(() => {
     }
   }
 }
+
+.circle {
+  width: 15px;
+  height: 15px;
+  font-size: 12px;
+  border-radius: 50%;
+}
+
+.circle-2 {
+  background: var(--surface-tab);
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+}
 </style>