Implemented: appVersionInfo component from dxp-components on settings…

… page

package.json

@@ -16,7 +16,7 @@
     "@capacitor/core": "^2.4.7",
     "@hotwax/app-version-info": "^1.0.0",
     "@hotwax/apps-theme": "^1.1.0",
-    "@hotwax/dxp-components": "^1.7.5",
+    "@hotwax/dxp-components": "^1.11.0",
     "@hotwax/oms-api": "^1.10.0",
     "@ionic/core": "6.7.5",
     "@ionic/vue": "6.7.5",

src/locales/en.json

@@ -12,6 +12,7 @@
   "Backorder": "Backorder",
   "Blank": "Blank",
   "Buffer days": "Buffer days",
+  "Built: ": "Built: {builtDateTime}",
   "Bulk adjustment": "Bulk adjustment",
   "Buffer quantity": "Buffer quantity",
   "cancel": "cancel",
@@ -163,6 +164,7 @@
   "Upload a file": "Upload a file",
   "Upload purchase order": "Upload purchase order",
   "Username": "Username",
+  "Version: ": "Version: {appVersion}",
   "View all date time formats supported by the HotWax Import app.": "View all date time formats supported by the HotWax Import app.",
   "View": "View",
   "Would you like to update your time zone to . Your profile is currently set to . This setting can always be changed from the settings menu.": "Would you like to update your time zone to {localTimeZone}. Your profile is currently set to {profileTimeZone}. This setting can always be changed from the settings menu."

src/locales/index.ts

@@ -0,0 +1,5 @@
+import en from './en.json';
+
+export default {
+  'en-US': en
+};

src/main.ts

@@ -33,6 +33,7 @@ import logger from './logger';
 import { dxpComponents } from '@hotwax/dxp-components'
 import { login, logout, loader } from './user-utils';
 import { getConfig, initialise } from '@hotwax/oms-api';
+import localeMessages from './locales';
 
 const app = createApp(App)
   .use(IonicVue, {
@@ -51,7 +52,8 @@ const app = createApp(App)
     loader,
     appLoginUrl: process.env.VUE_APP_LOGIN_URL as string,
     getConfig,
-    initialise
+    initialise,
+    localeMessages
   });
 
 // Filters are removed in Vue 3 and global filter introduced https://v3.vuejs.org/guide/migration/filters.html#global-filters

src/router/index.ts

@@ -8,7 +8,7 @@ import SavedMappings from '@/views/SavedMappings.vue'
 import Settings from "@/views/Settings.vue"
 import store from '@/store'
 import MappingDetail from '@/views/MappingDetail.vue'
-import { Login, useAuthStore } from '@hotwax/dxp-components';
+import { DxpLogin, useAuthStore } from '@hotwax/dxp-components';
 import { loader } from '@/user-utils';
 
 const authGuard = async (to: any, from: any, next: any) => {
@@ -63,7 +63,7 @@ const routes: Array<RouteRecordRaw> = [
   {
     path: '/login',
     name: 'Login',
-    component: Login,
+    component: DxpLogin,
     beforeEnter: loginGuard
   },
   {