🌐 Adds translations for Update component

src/assets/locales/en.json

@@ -34,7 +34,6 @@
     "change-language-button": "Change App Language",
     "reset-settings-button": "Reset Local Settings",
     "app-info-button": "App Info",
-    "app-version-note": "Dashy version",
     "backup-note": "It is recommend to make a backup of your configuration before making changes.",
     "reset-config-msg-l1": "This will remove all user settings from local storage, but won't effect your 'conf.yml' file.",
     "reset-config-msg-l2": "You should first backup any changes you've made locally, if you want to use them in the future.",
@@ -62,6 +61,13 @@
     "item-size-large": "Large",
     "config-launcher-label": "Config"
   },
+  "updates": {
+    "app-version-note": "Dashy version",
+    "up-to-date": "Up-to-Date",
+    "out-of-date": "Update Available",
+    "unsupported-version-l1": "You are using an unsupported version of Dashy",
+    "unsupported-version-l2": "For the best experience, and recent security patches, please update to"
+  },
   "language-switcher": {
     "title": "Change Application Language",
     "dropdown-label": "Select a Language",

src/components/Configuration/AppVersion.vue

@@ -2,7 +2,7 @@
   <div class="app-version">
     <!-- Current Version -->
     <p>
-      {{ $t('config.app-version-note') }} {{ appVersion }}
+      {{ $t('updates.app-version-note') }} {{ appVersion }}
     </p>
     <div v-if="checksEnabled">
       <!-- Results haven't come in yet, either still checking, or error -->
@@ -11,18 +11,18 @@
       </p>
       <!-- App is up-to-date -->
       <p v-if="finished && isUpToDate" class="up-to-date">
-        ✅ Up-to-Date
+        ✅ {{ $t('updates.up-to-date') }}
       </p>
       <!-- An update is available, but not too out-of-date -->
       <p  v-else-if="finished && !veryOutOfDate" class="update-availible">
-        ⚠️Update Availible: <b>{{ latestVersion }}</b>
+        ⚠️{{ $t('updates.out-of-date') }}: <b>{{ latestVersion }}</b>
       </p>
       <!-- Update available, app is VERY out of date, show some additional info -->
       <p  v-else-if="finished && veryOutOfDate" class="big-update-availible">
-        ❗ Update Availible: <b>{{ latestVersion }}</b>
+        ❗ {{ $t('updates.out-of-date') }}: <b>{{ latestVersion }}</b>
         <span class="please-update">
-          You are using an unsupported version of Dashy.<br>
+          {{ $t('updates.unsupported-version-l1') }}.<br>
-          For the best experience, and recent security patches, please update to {{ latestVersion }}
+          {{ $t('updates.unsupported-version-2') }} {{ latestVersion }}
         </span>
       </p>
     </div>