feat: menus support for multiple languages (#299)

src/router/alarm.ts

@@ -22,7 +22,7 @@ export const routesAlarm: Array<RouteRecordRaw> = [
     path: "",
     name: "Alarm",
     meta: {
-      title: "Alerting",
+      i18nKey: "alarm",
       icon: "spam",
       hasGroup: false,
       activate: true,

src/router/dashboard.ts

@@ -23,7 +23,7 @@ export const routesDashboard: Array<RouteRecordRaw> = [
     component: Layout,
     name: "Dashboard",
     meta: {
-      title: "Dashboards",
+      i18nKey: "dashboards",
       icon: "dashboard_customize",
       hasGroup: true,
       activate: true,
@@ -34,7 +34,7 @@ export const routesDashboard: Array<RouteRecordRaw> = [
         component: () => import("@/views/dashboard/List.vue"),
         name: "List",
         meta: {
-          title: "Dashboard List",
+          i18nKey: "dashboardList",
           activate: true,
         },
       },
@@ -43,7 +43,7 @@ export const routesDashboard: Array<RouteRecordRaw> = [
         component: () => import("@/views/dashboard/New.vue"),
         name: "New",
         meta: {
-          title: "New Dashboard",
+          i18nKey: "dashboardNew",
           activate: true,
         },
       },

src/router/layer.ts

@@ -31,6 +31,8 @@ async function layerDashboards() {
         title: item.title,
         hasGroup: item.hasGroup,
         activate: item.activate,
+        descKey: item.descKey,
+        i18nKey: item.i18nKey,
       },
       children: item.subItems && item.subItems.length ? [] : undefined,
     };
@@ -43,6 +45,8 @@ async function layerDashboards() {
           layer: child.layer,
           icon: child.icon || "cloud_queue",
           activate: child.activate,
+          descKey: child.descKey,
+          i18nKey: child.i18nKey,
         },
         component: () => import("@/views/Layer.vue"),
       };
@@ -68,6 +72,8 @@ async function layerDashboards() {
             layer: item.layer,
             icon: item.icon,
             activate: item.activate,
+            descKey: item.descKey,
+            i18nKey: item.i18nKey,
           },
           component: () => import("@/views/Layer.vue"),
         },

src/router/marketplace.ts

@@ -22,7 +22,7 @@ export const routesMarketplace: Array<RouteRecordRaw> = [
     path: "",
     name: "Marketplace",
     meta: {
-      title: "Marketplace",
+      i18nKey: "marketplace",
       icon: "marketplace",
       hasGroup: false,
       activate: true,
@@ -32,7 +32,7 @@ export const routesMarketplace: Array<RouteRecordRaw> = [
       {
         path: "/marketplace",
         name: "MenusManagement",
-        component: () => import("@/views/marketplace/Menus.vue"),
+        component: () => import("@/views/Marketplace.vue"),
       },
     ],
   },

src/router/settings.ts

@@ -22,7 +22,7 @@ export const routesSettings: Array<RouteRecordRaw> = [
     path: "",
     name: "Settings",
     meta: {
-      title: "Settings",
+      i18nKey: "settings",
       icon: "settings",
       hasGroup: false,
       activate: true,
@@ -32,7 +32,7 @@ export const routesSettings: Array<RouteRecordRaw> = [
       {
         path: "/settings",
         name: "Settings",
-        component: () => import("@/views/marketplace/Settings.vue"),
+        component: () => import("@/views/Settings.vue"),
       },
     ],
   },