i18n implementations must account for different word-order logic across languages

{t('Hero-1', { name: t('Me-1') })}<br />
{t('Hero-2', { number: '100' })} <a class="highlight" href={`https://www.webdong.dev/${Astro.currentLocale}/post/`}>{t('Hero-3')}</a> {t('Hero-4')} {t('Hero-5', {number: '800'})}
{t('Hero-6')} <a class="highlight" href={getRelativeLocaleUrl(Astro.currentLocale || defaultLocale, '/work')}>{t('Hero-7')}</a
> {t('Hero-8')}

"Hero-1": "哈囉，我是{name}",
"Hero-2": "我撰寫超過 {number} 篇",
"Hero-3": "技術文章",
"Hero-4": "紀錄與傳達知識",
"Hero-5": "幫助 {number} 位以上開發者消除他們的疑惑。",
"Hero-6": "可以觀賞",
"Hero-7": "作品集",
"Hero-8": "了解我是如何解決真實世界問題的。",

<Fragment set:html={t('Hero-2', {
      articles: '100',
      articlesLink: `<a class="highlight" href="https://www.webdong.dev/${Astro.currentLocale}/post/">${t('Hero-ArticlesLink')}</a>`,
      developers: '800'
    })} />
<Fragment set:html={t('Hero-3', {
  portfolioLink: `<a class="highlight" href="${getRelativeLocaleUrl(Astro.currentLocale || defaultLocale, '/work')}">${t('Hero-PortfolioLink')}</a>`
})} />

"Hero-2": "我撰寫超過 {articles} 篇{articlesLink}紀錄與傳達知識，幫助 {developers} 位以上開發者消除他們的疑惑。",
"Hero-3": "可以觀賞{portfolioLink}了解我是如何解決真實世界問題的。",
"Hero-ArticlesLink": "技術文章",
"Hero-PortfolioLink": "作品集",