Added loading indicator for tv routes on video change

materialious/src/lib/store.ts

@@ -143,3 +143,4 @@ export const playlistCacheStore: Writable<{
 }> = writable({});
 
 export const isAndroidTvStore: Writable<boolean> = writable(false);
+export const isTvRouteLoading: Writable<boolean> = writable(false);

materialious/src/routes/(no-layout)/tv/[slug]/+layout.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import PageLoading from '$lib/components/PageLoading.svelte';
+	import { isTvRouteLoading } from '$lib/store';
+
+	let { children } = $props();
+</script>
+
+{#if $isTvRouteLoading}
+	<PageLoading />
+{:else}
+	{@render children?.()}
+{/if}

materialious/src/routes/(no-layout)/tv/[slug]/+page.ts

@@ -1,5 +1,9 @@
+import { isTvRouteLoading } from '$lib/store.js';
 import { getWatchDetails } from '$lib/watch.js';
 
 export async function load({ params, url }) {
-	return await getWatchDetails(params.slug, url);
+	isTvRouteLoading.set(true);
+	const details = await getWatchDetails(params.slug, url);
+	isTvRouteLoading.set(false);
+	return details;
 }