Merge pull request #9 from HiDeoo/hd-fix-labels-prop

docs/package.json

@@ -12,9 +12,9 @@
     "lint": "prettier -c --cache . && eslint . --cache --max-warnings=0"
   },
   "dependencies": {
-    "@astrojs/starlight": "^0.25.3",
+    "@astrojs/starlight": "^0.28.2",
     "@hideoo/starlight-plugins-docs-components": "^0.2.2",
-    "astro": "^4.9.1",
+    "astro": "^4.15.8",
     "sharp": "^0.33.4"
   },
   "engines": {

example/package.json

@@ -11,8 +11,8 @@
     "preview": "astro preview"
   },
   "dependencies": {
-    "@astrojs/starlight": "^0.25.3",
-    "astro": "^4.9.1",
+    "@astrojs/starlight": "^0.28.2",
+    "astro": "^4.15.8",
     "sharp": "^0.33.4",
     "starlight-versions": "workspace:*"
   },

package.json

@@ -15,7 +15,7 @@
     "@hideoo/prettier-config": "^2.0.0",
     "@hideoo/tsconfig": "^2.0.1",
     "@types/node": "^18.19.33",
-    "astro": "^4.9.1",
+    "astro": "^4.15.8",
     "eslint": "^8.57.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.4",

packages/starlight-versions/components/VersionSearch.astro

@@ -13,12 +13,12 @@ import starlightVersionsConfig from 'virtual:starlight-versions-config'
 
 import { getVersionFromSlug, getVersionIdentifier, getVersionURL } from '../libs/versions'
 
-const { entry, labels } = Astro.props
+const { entry } = Astro.props
 
 const pagefindTranslations = {
-  placeholder: labels['search.label'],
+  placeholder: Astro.locals.t('search.label'),
   ...Object.fromEntries(
-    Object.entries(labels)
+    Object.entries(Astro.locals.t.all())
       .filter(([key]) => key.startsWith('pagefind.'))
       .map(([key, value]) => [key.replace('pagefind.', ''), value]),
   ),
@@ -35,20 +35,20 @@ const pageVersionIdentifier = getVersionIdentifier(pageVersion)
   data-pagefind-filter={`version:${pageVersionIdentifier}`}
 >
   <button data-open-modal disabled>
-    <Icon name="magnifier" label={labels['search.label']} />
-    <span class="sl-hidden md:sl-block" aria-hidden="true">{labels['search.label']}</span>
-    <Icon name="forward-slash" class="sl-hidden md:sl-block" label={labels['search.shortcutLabel']} />
+    <Icon name="magnifier" label={Astro.locals.t('search.label')} />
+    <span class="sl-hidden md:sl-block" aria-hidden="true">{Astro.locals.t('search.label')}</span>
+    <Icon name="forward-slash" class="sl-hidden md:sl-block" label={Astro.locals.t('search.shortcutLabel')} />
   </button>
 
-  <dialog style="padding:0" aria-label={labels['search.label']}>
+  <dialog style="padding:0" aria-label={Astro.locals.t('search.label')}>
     <div class="dialog-frame sl-flex">
       <button data-close-modal class="sl-flex md:sl-hidden">
-        {labels['search.cancelLabel']}
+        {Astro.locals.t('search.cancelLabel')}
       </button>
       {
         import.meta.env.DEV ? (
           <div style="margin: auto; text-align: center; white-space: pre-line;" dir="ltr">
-            <p>{labels['search.devWarning']}</p>
+            <p>{Astro.locals.t('search.devWarning')}</p>
           </div>
         ) : (
           <div class="search-container">

packages/starlight-versions/package.json

@@ -44,7 +44,7 @@
     "vitest": "^1.6.0"
   },
   "peerDependencies": {
-    "@astrojs/starlight": ">=0.25.0"
+    "@astrojs/starlight": ">=0.28.0"
   },
   "engines": {
     "node": ">=18"