fix: missing l10n due to early @nextcloud/l10n import

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>

Author: ShGKme

src/authentication/renderer/AuthenticationApp.vue

@@ -158,7 +158,7 @@ async function login() {
 </script>
 
 <template>
-	<AppWindow class="wrapper">
+	<AppWindow :title="t('talk_desktop', 'Authentication')" class="wrapper">
 		<div class="spacer">
 			<div class="logo" />
 		</div>

src/authentication/renderer/authentication.main.js

@@ -3,15 +3,12 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { t } from '@nextcloud/l10n'
 import { createApp } from 'vue'
 import { setupWebPage } from '../../shared/setupWebPage.js'
 
 import '../../shared/assets/global.styles.css'
 
-await setupWebPage({
-	title: () => t('talk_desktop', 'Authentication'),
-})
+await setupWebPage()
 
 const { default: AuthenticationApp } = await import('./AuthenticationApp.vue')
 

src/certificate/renderer/CertificateApp.vue

@@ -30,7 +30,7 @@ const isAdvanced = ref(false)
 </script>
 
 <template>
-	<AppWindow class="certificate">
+	<AppWindow :title="t('talk_desktop', 'Security warning')" class="certificate">
 		<h2 class="certificate__heading">
 			{{ t('talk_desktop', 'Warning: potential security risk') }}
 		</h2>

src/certificate/renderer/certificate.main.ts

@@ -3,15 +3,12 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { t } from '@nextcloud/l10n'
 import { createApp } from 'vue'
 import { setupWebPage } from '../../shared/setupWebPage.js'
 
 import '../../shared/assets/global.styles.css'
 
-await setupWebPage({
-	title: () => t('talk_desktop', 'Security warning'),
-})
+await setupWebPage()
 
 const { default: CertificateApp } = await import('./CertificateApp.vue')
 

src/help/renderer/HelpApp.vue

@@ -41,7 +41,7 @@ function close() {
 </script>
 
 <template>
-	<AppWindow class="help">
+	<AppWindow :title="t('talk_desktop', 'About')" class="help">
 		<div class="help__title-bar" :class="{ 'help__title-bar--mac': isMac }">
 			<NcButton
 				:aria-label="t('talk_desktop', 'Close')"

src/help/renderer/help.app.js

@@ -3,16 +3,13 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { t } from '@nextcloud/l10n'
 import { createApp } from 'vue'
 import { setupWebPage } from '../../shared/setupWebPage.js'
 
 import '../../shared/assets/global.styles.css'
 import './help.styles.css'
 
-await setupWebPage({
-	title: () => t('talk_desktop', 'About'),
-})
+await setupWebPage()
 
 const { default: HelpApp } = await import('./HelpApp.vue')
 

src/shared/components/AppWindow.vue

@@ -3,6 +3,18 @@
   - SPDX-License-Identifier: AGPL-3.0-or-later
   -->
 
+<script setup lang="ts">
+import { watchEffect } from 'vue'
+
+const props = defineProps<{
+	title?: string
+}>()
+
+watchEffect(async () => {
+	document.title = await window.TALK_DESKTOP.buildTitle(props.title)
+})
+</script>
+
 <template>
 	<div class="window">
 		<slot />

src/shared/setupWebPage.js

@@ -213,16 +213,11 @@ function applyDownloadLinkHandler() {
 
 /**
  * Make all required initial setup for the web page for authorized user: server-rendered data, globals and ect.
- *
- * @param {() => string} [title] - Getter for a custom title
  */
-export async function setupWebPage({
-	title,
-} = {}) {
+export async function setupWebPage() {
 	appData.fromJSON(await window.TALK_DESKTOP.getAppData())
 	await initAppConfig()
 	await applyL10n()
-	document.title = await window.TALK_DESKTOP.buildTitle(title?.())
 	applyInitialState()
 	initGlobals()
 	applyUserData()

src/upgrade/renderer/UpgradeApp.vue

@@ -17,7 +17,7 @@ const browserLink = generateUrl('/apps/spreed')
 </script>
 
 <template>
-	<AppWindow class="upgrade">
+	<AppWindow :title="t('talk_desktop', 'Upgrade required')" class="upgrade">
 		<div class="upgrade__content">
 			<h2 class="upgrade__heading">
 				{{ t('talk_desktop', 'Upgrade required') }}

src/upgrade/renderer/upgrade.main.ts

@@ -9,9 +9,7 @@ import { setupWebPage } from '../../shared/setupWebPage.js'
 
 import '../../shared/assets/global.styles.css'
 
-await setupWebPage({
-	title: () => t('talk_desktop', 'Upgrade required'),
-})
+await setupWebPage()
 
 const { default: UpgradeApp } = await import('./UpgradeApp.vue')