Move isAndroidTv store setting to +layout.ts

materialious/src/routes/(app)/+layout.svelte

@@ -32,10 +32,9 @@
 	import ui from 'beercss';
 	import 'material-dynamic-colors';
 	import { onMount } from 'svelte';
-	import { _, initI18n } from '$lib/i18n';
+	import { _ } from '$lib/i18n';
 	import { get } from 'svelte/store';
 	import { pwaInfo } from 'virtual:pwa-info';
-	import androidTv from '$lib/android/plugins/androidTv';
 	import Mousetrap from 'mousetrap';
 
 	let { children } = $props();
@@ -186,8 +185,6 @@
 			}
 		}
 
-		$isAndroidTvStore = (await androidTv.isAndroidTv()).value;
-
 		if ($isAndroidTvStore) {
 			const topContent = document.getElementById('top-content') as HTMLElement;
 			Mousetrap.bind('down', () => {

materialious/src/routes/+layout.ts

@@ -1,10 +1,11 @@
 import { browser } from '$app/environment';
 import { goto } from '$app/navigation';
+import androidTv from '$lib/android/plugins/androidTv';
 import { getResolveUrl } from '$lib/api';
 import '$lib/i18n'; // Import to initialize. Important :)
 import { initI18n } from '$lib/i18n';
 import { getPages } from '$lib/navPages.js';
-import { authStore, interfaceDefaultPage } from '$lib/store.js';
+import { authStore, interfaceDefaultPage, isAndroidTvStore } from '$lib/store.js';
 import { get } from 'svelte/store';
 
 export const ssr = false;
@@ -14,6 +15,8 @@ export async function load({ url }) {
 		await initI18n();
 	}
 
+	isAndroidTvStore.set((await androidTv.isAndroidTv()).value);
+
 	if (url.pathname.startsWith('/@')) {
 		const username = url.pathname.split('/')[1];