feat: refactor for path support

src/layouts/MainLayout.vue

@@ -259,13 +259,20 @@ onMounted(async () => {
                     : 'Jobs Worker Service'
               }}
             </span>
-            <span class="text-caption">
-              {{
-                utilsStore.currentTitle?.caption
-                  ? $t(utilsStore.currentTitle?.caption)
-                  : ''
-              }}
-            </span>
+            <div class="flex items-center" style="gap: var(--size-1)">
+              <template v-for="(item, i) in utilsStore.currentTitle.path">
+                <span
+                  class="text-caption cursor-pointer"
+                  @click="item.handler?.()"
+                >
+                  {{ item.text ? $t(item.text) : '' }}
+                </span>
+                <q-icon
+                  name="mdi-chevron-right"
+                  v-if="i + 1 !== utilsStore.currentTitle.path.length"
+                />
+              </template>
+            </div>
           </div>
 
           <div class="row q-gutter-x-md items-center" style="margin-left: auto">