@skyservice-developers/vue-dev-kit 1.2.4 → 1.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyservice-developers/vue-dev-kit",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "description": "Vue 2 and Vue 3 developer toolkit - components and helpers",
   "type": "module",
   "main": "./dist/vue3/vue-dev-kit.cjs",

package/src/shared/utils/parentBridge.js

@@ -45,3 +45,7 @@ export function getParentLocalStorage(key) {
 export function getParentStoreValue(key) {
   return requestFromParent('store', key)
 }
+
+export function getParentWindowValue(key) {
+  return requestFromParent('window', key)
+}

package/src/vue3/components/Header.vue

@@ -55,7 +55,7 @@
               class="title-dropdown-item"
               @click="selectItem(item)"
             >
-              <p class="pageName">{{ capitalize(item.name) }}</p>
+              <p class="pageName">{{ translateName(item.name) }}</p>
               <small class="pageVisit">
                 ({{ visitLabel }} {{ getTimeAgo(item.lastVisit) }})
               </small>
@@ -80,7 +80,7 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { isInIframe } from '../../shared/utils/webviewCheck'
-import { getParentLocalStorage } from '../../shared/utils/parentBridge'
+import { getParentLocalStorage, getParentWindowValue } from '../../shared/utils/parentBridge'
 
 const props = defineProps({
   title: {
@@ -123,6 +123,16 @@ const dropdownRef = ref(null)
 const isDropdownOpen = ref(false)
 
 const localStorageItems = ref([])
+const parentLang = ref({})
+
+// Load translations from parent
+if (isInIframe()) {
+  getParentWindowValue('lang').then((data) => {
+    if (data != null) {
+      parentLang.value = data
+    }
+  })
+}
 
 function loadComponentStats(raw) {
   try {
@@ -170,9 +180,10 @@ const selectItem = (item) => {
   closeDropdown()
 }
 
-const capitalize = (str) => {
-  if (!str) return ''
-  return str.charAt(0).toUpperCase() + str.slice(1)
+const translateName = (name) => {
+  if (!name) return ''
+  const translated = parentLang.value[name] || name
+  return translated.charAt(0).toUpperCase() + translated.slice(1)
 }
 
 const getTimeAgo = (lastVisit) => {