diff --git a/docs/src/components/ActionButtonFooter.astro b/docs/src/components/ActionButtonFooter.astro index b4dcc32..9a8b3f2 100644 --- a/docs/src/components/ActionButtonFooter.astro +++ b/docs/src/components/ActionButtonFooter.astro @@ -1,17 +1,20 @@ --- import { Icon } from '@astrojs/starlight/components'; import MyIcon from './MyIcon.astro'; +import type { Props } from '@astrojs/starlight/props'; + +const { labels } = Astro.props; ---
-
Give a star
+
{labels['buttons.star']}
 - + -
Sponsor
+
{labels['buttons.sponsor']}
@@ -45,4 +48,4 @@ import MyIcon from './MyIcon.astro'; color: white; } - \ No newline at end of file + diff --git a/docs/src/components/Author.astro b/docs/src/components/Author.astro index 65bf6cb..5d77b5a 100644 --- a/docs/src/components/Author.astro +++ b/docs/src/components/Author.astro @@ -4,16 +4,17 @@ import { Icon } from '@astrojs/starlight/components'; interface Props { name: string; twitter?: string; - linkedin?: string; - github?: string; + linkedin?: string; + github?: string; + labels?: Record; } -const { name, twitter, linkedin, github } = Astro.props; +const { name, twitter, linkedin, github, labels } = Astro.props; ---

- Created by {name} + {labels['author.createdBy']} {name} {twitter && } {linkedin && } {github && } @@ -29,7 +30,7 @@ const { name, twitter, linkedin, github } = Astro.props; font-size: var(--sl-text-xs); color: var(--sl-color-gray-3); } - + .icon { vertical-align: middle; color: var(--sl-color-gray-3); @@ -38,4 +39,4 @@ const { name, twitter, linkedin, github } = Astro.props; color: var(--sl-color-accent-high) } } - \ No newline at end of file + diff --git a/docs/src/components/ChallengeFooter.astro b/docs/src/components/ChallengeFooter.astro index 3292bba..325fcef 100644 --- a/docs/src/components/ChallengeFooter.astro +++ b/docs/src/components/ChallengeFooter.astro @@ -1,8 +1,9 @@ --- +import type { Props } from '@astrojs/starlight/props'; import VideoButton from './VideoButton.astro' import ClipboardCopy from './ClipboardCopy.astro' - +const { labels } = Astro.props; const {author, challenge, title, blogLink, videoLink, command} = Astro.props.entry.data; const authorLink = `https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A${challenge?.number}+label%3A"answer+author"`; @@ -15,25 +16,27 @@ const npxCommand = `npx nx serve ${command}`;

{command && -