fix astro props usage

Author: vasfvitor

src/components/UpgradeBadge.astro

@@ -7,7 +7,7 @@ interface Props extends HTMLAttributes<'a'> {}
 ---
 
 <div>
-  <a class="not-content" {...Astro.props}>Tauri 1.0 Upgrade Guide <Icon name="rocket" /></a>
+  <a class="not-content">Tauri 1.0 Upgrade Guide <Icon name="rocket" /></a>
 </div>
 
 <style>

src/components/overrides/Footer.astro

@@ -1,10 +1,9 @@
 ---
-import type { Props } from '@astrojs/starlight/props';
 import Default from '@astrojs/starlight/components/Footer.astro';
 const year = new Date().getFullYear();
 ---
 
-<Default {...Astro.props}><slot /></Default>
+<Default><slot /></Default>
 
 <hr />
 

src/components/overrides/Header.astro

@@ -1,13 +1,12 @@
 ---
-import type { Props } from '@astrojs/starlight/props';
 import LanguageSelect from '@astrojs/starlight/components/LanguageSelect.astro';
 import Search from '@astrojs/starlight/components/Search.astro';
 import SiteTitle from './SiteTitle.astro';
 import SocialIcons from '@astrojs/starlight/components/SocialIcons.astro';
 import ThemeSelect from './ThemeSelect.astro';
 
-const curLocale = Astro.props.locale;
-
+const curLocale = Astro.locals.starlightRoute.locale;
+const slug = Astro.locals.starlightRoute.entry.slug;
 
 type Link = {
 	title: string;
@@ -41,10 +40,10 @@ const links: Link[] = [
 
 <div class="header sl-flex">
 	<div class="full-width sl-flex">
-		<SiteTitle {...Astro.props} />
+		<SiteTitle />
 	</div>
 	<div class="sl-flex">
-		<Search {...Astro.props} />
+		<Search />
 	</div>
 	<div class="sl-hidden md:sl-flex right-group">
 		<div class="desktop">
@@ -57,10 +56,10 @@ const links: Link[] = [
 			}
 		</div>
 		<div class="sl-flex social-icons">
-			<SocialIcons {...Astro.props} />
+			<SocialIcons />
 		</div>
-		<LanguageSelect {...Astro.props} />
-		<ThemeSelect {...Astro.props} />
+		<LanguageSelect />
+		<ThemeSelect />
 	</div>
 </div>
 
@@ -136,7 +135,7 @@ body[data-mobile-menu-expanded] header {
 </style>
 
 {
-Astro.props.entry.slug === '' || Astro.props.locale === Astro.props.entry.slug ?
+slug === '' || slug === curLocale ?
 <style>
 	.header {
 		background-color: transparent;

src/components/overrides/PageFrame.astro

@@ -1,22 +1,20 @@
 ---
-import MobileMenuToggle from 'virtual:starlight/components/MobileMenuToggle';
-import type { Props } from '@astrojs/starlight/props';
+import MobileMenuToggle from '@astrojs/starlight/components/MobileMenuToggle.astro';
 import Sidebar from '@lorenzo_lewis/starlight-utils/components/Sidebar.astro';
 const { t } = Astro.locals;
+const { entry, locale } = Astro.locals.starlightRoute;
 ---
 
 <div class="page sl-flex">
   <header class="header"><slot name="header" /></header>
   <nav class="sidebar" aria-label={t('sidebarNav.accessibleLabel')}>
-    <MobileMenuToggle {...Astro.props} />
+    <MobileMenuToggle />
     <div
       id="starlight__sidebar"
-      class={Astro.props.entry.slug === '' || Astro.props.locale === Astro.props.entry.slug
-        ? 'sidebar-pane lp-hide'
-        : 'sidebar-pane'}
+      class={entry.slug === '' || locale === entry.slug ? 'sidebar-pane lp-hide' : 'sidebar-pane'}
     >
       <div class="sidebar-content sl-flex">
-        <Sidebar {...Astro.props} />
+        <Sidebar />
       </div>
     </div>
   </nav>

src/components/overrides/SiteTitle.astro

@@ -3,7 +3,6 @@
 // https://github.com/withastro/starlight/blob/main/packages/starlight/components/Select.astro
 // https://github.com/withastro/starlight/blob/main/packages/starlight/components/LanguageSelect.astro
 
-import type { Props } from '@astrojs/starlight/props';
 import Default from '@astrojs/starlight/components/SiteTitle.astro';
 import { Icon } from '@astrojs/starlight/components';
 
@@ -40,7 +39,7 @@ const links: Link[] = [
 ---
 
 <>
-  <Default {...Astro.props}><slot /></Default>
+  <Default><slot /></Default>
 
   <starlight-select class="mobile">
     <label>

src/components/overrides/TableOfContents.astro

@@ -1,9 +1,9 @@
 ---
 import TableOfContentsList from './TableOfContents/TableOfContentsList.astro';
-import type { Props as BaseProps } from '@astrojs/starlight/props';
+import type { StarlightRouteData } from '@astrojs/starlight/route-data';
 
-type Props = BaseProps & {
-  toc: BaseProps['toc'] & {
+type Props = StarlightRouteData & {
+  toc: StarlightRouteData['toc'] & {
     collapseLevel?: number;
   };
 };