From b6a135cfa2ed904ca16be987c6f25d8700ac5d0d Mon Sep 17 00:00:00 2001
From: Horst Gutmann <horst.gutmann@grafana.com>
Date: Mon, 30 Sep 2024 13:22:13 +0200
Subject: [PATCH] fix(docs): replace deprecated translation API

---
 docs/src/components/MobileTableOfContents.astro | 6 +++---
 docs/src/components/TableOfContents.astro       | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/src/components/MobileTableOfContents.astro b/docs/src/components/MobileTableOfContents.astro
index 1addaf36d..e9592c6c2 100644
--- a/docs/src/components/MobileTableOfContents.astro
+++ b/docs/src/components/MobileTableOfContents.astro
@@ -4,7 +4,7 @@ import TableOfContentsList from './TableOfContentsList.astro';
 import type { Props } from '@astrojs/starlight/props'
 
 
-const { labels, toc, slug } = Astro.props;
+const { toc, slug } = Astro.props;
 ---
 
 {
@@ -14,7 +14,7 @@ const { labels, toc, slug } = Astro.props;
 				<details id="starlight__mobile-toc">
 					<summary id="starlight__on-this-page--mobile" class="sl-flex">
 						<div class="toggle sl-flex">
-							{labels['tableOfContents.onThisPage']}
+							{Astro.locals.t('tableOfContents.onThisPage')}
 							<Icon name={'right-caret'} class="caret" size="1rem" />
 						</div>
 						<span class="display-current" />
@@ -148,4 +148,4 @@ const { labels, toc, slug } = Astro.props;
 	}
 
 	customElements.define('mobile-starlight-toc', MobileStarlightTOC);
-</script>
\ No newline at end of file
+</script>
diff --git a/docs/src/components/TableOfContents.astro b/docs/src/components/TableOfContents.astro
index c0f2b361f..43a3c1f81 100644
--- a/docs/src/components/TableOfContents.astro
+++ b/docs/src/components/TableOfContents.astro
@@ -2,18 +2,18 @@
 import TableOfContentsList from './TableOfContentsList.astro';
 import type { Props } from '@astrojs/starlight/props'
 
-const { labels, toc,slug } = Astro.props;
+const { toc, slug } = Astro.props;
 ---
 
 {
 	toc && (
 		<starlight-toc data-min-h={toc.minHeadingLevel} data-max-h={toc.maxHeadingLevel}>
 			<nav aria-labelledby="starlight__on-this-page">
-				<h2 id="starlight__on-this-page">{labels['tableOfContents.onThisPage']}</h2>
+				<h2 id="starlight__on-this-page">{Astro.locals.t('tableOfContents.onThisPage')}</h2>
 				<TableOfContentsList toc={toc.items} basePath={slug} />
 			</nav>
 		</starlight-toc>
 	)
 }
 
-<script src="./starlight-toc.ts"></script>
\ No newline at end of file
+<script src="./starlight-toc.ts"></script>