diff --git a/package.json b/package.json index b7d72a2e21..b8f8208b02 100644 --- a/package.json +++ b/package.json @@ -88,6 +88,7 @@ "vue": "^3.4.21", "vue-draggable-plus": "^0.2.0-beta.2", "vue-draggable-resizable": "3.0.0", + "vue-i18n": "9", "vue-router": "^4.0.14", "vue-virtual-scroller": "^2.0.0-beta.8", "vue3-slider": "^1.9.0", diff --git a/src/App.vue b/src/App.vue index 268a8c41b8..3540b489c6 100644 --- a/src/App.vue +++ b/src/App.vue @@ -105,6 +105,8 @@ diff --git a/src/components/MainMenu.vue b/src/components/MainMenu.vue index ce8bb76ab7..a04b4a26ff 100644 --- a/src/components/MainMenu.vue +++ b/src/components/MainMenu.vue @@ -22,13 +22,13 @@ > Settings Icon Tools Icon { { icon: 'mdi-view-dashboard-variant', title: 'General', + titleKey: 'general', componentName: SubMenuComponentName.SettingsGeneral, component: markRaw(ConfigurationGeneralView) as SubMenuComponent, }, { icon: 'mdi-monitor-cellphone', title: 'Interface', + titleKey: 'interface', componentName: SubMenuComponentName.SettingsInterface, component: markRaw(ConfigurationUIView) as SubMenuComponent, }, { icon: 'mdi-controller', title: 'Joystick', + titleKey: 'joystick', componentName: SubMenuComponentName.SettingsJoystick, component: markRaw(ConfigurationJoystickView) as SubMenuComponent, }, { icon: 'mdi-video', title: 'Video', + titleKey: 'video', componentName: SubMenuComponentName.SettingsVideo, component: markRaw(ConfigurationVideoView) as SubMenuComponent, }, { icon: 'mdi-subtitles-outline', title: 'Telemetry', + titleKey: 'logs', componentName: SubMenuComponentName.SettingsTelemetry, component: markRaw(ConfigurationTelemetryView) as SubMenuComponent, }, { icon: 'mdi-alert-rhombus-outline', title: 'Alerts', + titleKey: 'alerts', componentName: SubMenuComponentName.SettingsAlerts, component: markRaw(ConfigurationAlertsView) as SubMenuComponent, }, { icon: 'mdi-dev-to', title: 'Dev', + titleKey: 'development', componentName: SubMenuComponentName.SettingsDev, component: markRaw(ConfigurationDevelopmentView) as SubMenuComponent, }, { icon: 'mdi-map-marker-path', title: 'Mission', + titleKey: 'mission', componentName: SubMenuComponentName.SettingsMission, component: markRaw(ConfigurationMissionView) as SubMenuComponent, }, { icon: 'mdi-run-fast', title: 'Actions', + titleKey: 'actions', componentName: SubMenuComponentName.SettingsActions, component: markRaw(ConfigurationActionsView) as SubMenuComponent, }, @@ -414,6 +429,7 @@ const configMenu = computed(() => { menusToShow.push({ icon: 'mdi-protocol', title: 'MAVLink', + titleKey: 'mavlink', componentName: SubMenuComponentName.SettingsMAVLink, component: markRaw(ConfigurationMAVLinkView) as SubMenuComponent, }) @@ -426,12 +442,14 @@ const toolsMenu = computed(() => { { icon: 'mdi-protocol', title: 'MAVLink', + titleKey: 'mavlink', componentName: SubMenuComponentName.ToolsMAVLink, component: markRaw(ToolsMAVLinkView) as SubMenuComponent, }, { icon: 'mdi-database-outline', title: 'Data-lake', + titleKey: 'dataLake', componentName: SubMenuComponentName.ToolsDataLake, component: markRaw(ToolsDataLakeView) as SubMenuComponent, }, diff --git a/src/components/MiniWidgetInstantiator.vue b/src/components/MiniWidgetInstantiator.vue index 8a7ce4786e..b225067abb 100644 --- a/src/components/MiniWidgetInstantiator.vue +++ b/src/components/MiniWidgetInstantiator.vue @@ -29,6 +29,7 @@ diff --git a/src/components/development/MAVLinkInspectorItem.vue b/src/components/development/MAVLinkInspectorItem.vue index 40072ce166..e22cc185ad 100644 --- a/src/components/development/MAVLinkInspectorItem.vue +++ b/src/components/development/MAVLinkInspectorItem.vue @@ -1,27 +1,39 @@ -