Merge pull request #97 from xconnio/update-titlebar

update titlebar of the browser to show current app

Author: Mahad-10

src/App.vue

@@ -73,6 +73,11 @@ watch(() => route.fullPath, () => {
   mobileOpen.value = false
 })
 
+// Resets the tab title when leaving all desktop sessions (DesktopSessionHost sets it while active).
+watch(activeRealm, (realm) => {
+  if (!realm) document.title = 'Deskconn'
+})
+
 watch(
   () => authStore.session,
   (session) => {

src/components/DesktopSessionHost.vue

@@ -50,6 +50,22 @@ const {
   syncMaximizedBounds,
 } = desktopSessionsStore.getOrCreate(props.realm)
 
+const sessionTitle = computed(() => {
+  const focused = windows.value.find((w) => w.id === focusedId.value)
+  return focused
+    ? `${focused.title} · ${desktopName.value} - Deskconn`
+    : `${desktopName.value} - Deskconn`
+})
+
+// Only the active realm's instance may write document.title (others stay mounted via v-show).
+watch(
+  [sessionTitle, () => props.active],
+  ([title, active]) => {
+    if (active) document.title = title
+  },
+  { immediate: true },
+)
+
 const launcherBodyRef = ref<HTMLElement | null>(null)
 const wallpaperUrl = ref<string | null>(null)
 let activeWallpaperObjUrl: string | null = null