💬 Makes hard-coded text translatable

src/assets/locales/en.json

@@ -304,6 +304,16 @@
       "up": "Up",
       "down": "Down"
     },
+    "gluetun-status": {
+      "vpn-ip": "VPN IP",
+      "country": "Country",
+      "region": "Region",
+      "city": "City",
+      "post-code": "Post Code",
+      "location": "Location",
+      "timezone": "Timezone",
+      "organization": "Organization"
+    },
     "nextcloud": {
       "active": "active",
       "and": "and",

src/components/Widgets/GluetunStatus.vue

@@ -1,35 +1,35 @@
 <template>
   <div class="vpn-ip-addr-wrapper">
   <div class="ip-row public-ip" v-if="public_ip">
-    <span class="lbl">VPN IP</span>
+    <span class="lbl">{{ $t('widgets.gluetun-status.vpn-ip') }}</span>
     <span class="val">{{ public_ip }}</span>
   </div>
   <div class="ip-row" v-if="country">
-    <span class="lbl">Country</span>
+    <span class="lbl">{{ $t('widgets.gluetun-status.country') }}</span>
     <span class="val">{{ country }}</span>
   </div>
   <div class="ip-row" v-if="region">
-    <span class="lbl">Region</span>
+    <span class="lbl">{{ $t('widgets.gluetun-status.region') }}</span>
     <span class="val">{{ region }}</span>
   </div>
   <div class="ip-row" v-if="city">
-    <span class="lbl">City</span>
+    <span class="lbl">{{ $t('widgets.gluetun-status.city') }}</span>
     <span class="val">{{ city }}</span>
   </div>
   <div class="ip-row" v-if="postal_code">
-    <span class="lbl">Post Code</span>
+    <span class="lbl">{{ $t('widgets.gluetun-status.post-code') }}</span>
     <span class="val">{{ postal_code }}</span>
   </div>
   <div class="ip-row" v-if="location">
-    <span class="lbl">Location</span>
+    <span class="lbl">{{ $t('widgets.gluetun-status.location') }}</span>
     <span class="val">{{ location }}</span>
   </div>
   <div class="ip-row" v-if="timezone">
-    <span class="lbl">Timezone</span>
+    <span class="lbl">{{ $t('widgets.gluetun-status.timezone') }}</span>
     <span class="val">{{ timezone }}</span>
   </div>
   <div class="ip-row" v-if="organization">
-    <span class="lbl">Organization</span>
+    <span class="lbl">{{ $t('widgets.gluetun-status.organization') }}</span>
     <span class="val">{{ organization }}</span>
   </div>
 </div>