nginx-ui/app/src/routes/modules/system.ts

import type { RouteRecordRaw } from 'vue-router'
import { useSettingsStore } from '@/pinia'
import { InfoCircleOutlined } from '@ant-design/icons-vue'

export const systemRoutes: RouteRecordRaw[] = [
  {
    path: 'system',
    name: 'System',
    redirect: 'system/about',
    meta: {
      name: () => $gettext('System'),
      icon: InfoCircleOutlined,
    },
    children: [{
      path: 'self_check',
      name: 'Self Check',
      component: () => import('@/views/system/SelfCheck/SelfCheck.vue'),
      meta: {
        name: () => $gettext('Self Check'),
      },
    }, {
      path: 'backup',
      name: 'Backup',
      component: () => import('@/views/system/Backup/index.vue'),
      meta: {
        name: () => $gettext('Backup'),
      },
    }, {
      path: 'upgrade',
      name: 'Upgrade',
      component: () => import('@/views/system/Upgrade.vue'),
      meta: {
        name: () => $gettext('Upgrade'),
        hiddenInSidebar: (): boolean => {
          const settings = useSettingsStore()

          return settings.is_remote
        },
      },
    }, {
      path: 'about',
      name: 'About',
      component: () => import('@/views/system/About.vue'),
      meta: {
        name: () => $gettext('About'),
      },
    }],
  },
]