feat: migrate all

packages/website/src/pages/[...locale]/index.astro

@@ -88,12 +88,13 @@ export const getStaticPaths = (() => {
           target="_blank"
           underline="always"
         >
-          {literals(strings.website.home.help_translate, [
-            "BlitzKit",
-            strings.common.locales[
-              locale as keyof typeof strings.common.locales
-            ],
-          ])}
+          {literals(strings.website.home.help_translate, {
+            name: "BlitzKit",
+            language:
+              strings.common.locales[
+                locale as keyof typeof strings.common.locales
+              ],
+          })}
         </Link>
       </Flex>
     )

packages/website/src/pages/[...locale]/session/_index.tsx

@@ -277,14 +277,14 @@ function Content() {
         >
           <Flex mt="2" mb="2" direction="column" gap="2">
             <Heading size="5">
-              {literals(strings.website.tools.session.controls.title, [
-                `${accountInfo?.nickname}`,
-              ])}
+              {literals(strings.website.tools.session.controls.title, {
+                name: accountInfo?.nickname,
+              })}
             </Heading>
             <Text color="gray">
-              {literals(strings.website.tools.session.controls.subtitle, [
-                new Date(session.player.since).toLocaleString(locale),
-              ])}
+              {literals(strings.website.tools.session.controls.subtitle, {
+                time: new Date(session.player.since).toLocaleString(locale),
+              })}
             </Text>
           </Flex>
 

packages/website/src/pages/[...locale]/tanks/[slug]/index.astro

@@ -49,15 +49,16 @@ const tankModelDefinitions = await fetchModelDefinitions();
 const tank = tankDefinitions.tanks[id];
 const tankModelDefinition = tankModelDefinitions.models[tank.id];
 const unwrap = unwrapper(locale);
-const title = literals(strings.website.tools.tankopedia.tank_seo_title, [
-  unwrap(tank.name),
-  TIER_ROMAN_NUMERALS[tank.tier],
-  strings.common.nations_adjectives[
-    tank.nation as keyof typeof strings.common.nations_adjectives
-  ],
-  strings.common.tank_class_short[tank.class],
-  "BlitzKit",
-]);
+const title = literals(strings.website.tools.tankopedia.tank_seo_title, {
+  name: unwrap(tank.name),
+  tier: TIER_ROMAN_NUMERALS[tank.tier],
+  nationality:
+    strings.common.nations_adjectives[
+      tank.nation as keyof typeof strings.common.nations_adjectives
+    ],
+  class: strings.common.tank_class_short[tank.class],
+  website: "BlitzKit",
+});
 const url = import.meta.env.SITE + Astro.url.pathname;
 
 const icon = asset(`icons/tanks/big/${id}.webp`);
@@ -90,14 +91,14 @@ const characteristics = tankCharacteristics(
 );
 const description = literals(
   strings.website.tools.tankopedia.tank_seo_description,
-  [
-    unwrap(tank.name),
-    Math.round(characteristics.dpm).toLocaleString(locale),
-    Math.round(characteristics.damage).toLocaleString(locale),
-    Math.round(characteristics.penetration).toLocaleString(locale),
-    Math.round(characteristics.speedForwards).toLocaleString(locale),
-    Math.round(characteristics.health).toLocaleString(locale),
-  ]
+  {
+    name: unwrap(tank.name),
+    dpm: Math.round(characteristics.dpm).toLocaleString(locale),
+    alpha: Math.round(characteristics.damage).toLocaleString(locale),
+    penetration: Math.round(characteristics.penetration).toLocaleString(locale),
+    speed: Math.round(characteristics.speedForwards).toLocaleString(locale),
+    health: Math.round(characteristics.health).toLocaleString(locale),
+  }
 );
 
 export interface TankGuide {