Added Dash Talent to Mona and Ayaka + Added property to _skillCard.svelte

src/data/characterData/kamisato_ayaka.json

@@ -1268,5 +1268,30 @@
         ]
       ]
     ]
+  },
+  "dashSkill": {
+    "name": "Kamisato Art: Senho",
+    "description": "<span style=\"color:#FFD780FF\">Alternate Sprint</span>\\nAyaka consumes Stamina and cloaks herself in a frozen fog that moves with her.\\n\\nIn Senho form, she moves swiftly upon water.\\nWhen she reappears, the following effects occur:\\n·Ayaka unleashes frigid energy to apply <span style=\"color:#99FFFFFF\">Cryo</span> on nearby opponents.\\n·Coldness condenses around Ayaka's blade, infusing her attacks with <span style=\"color:#99FFFFFF\">Cryo</span> for a brief period.\\n\\n<i>\"Feathers fleeting wet / the white heron treads water / a sight without flaw\"</i>",
+    "skillLabels": [
+      "Activation Stamina Consumption",
+      "Stamina Drain",
+      "Infusion Duration"
+    ],
+    "skillStatsLabels": [
+      "{0:1f}",
+      "{0:1f}",
+      "{0:1f}"
+    ],
+    "skillStats": [
+      [
+        [10]
+      ],
+      [
+        [15]
+      ],
+      [
+        [5]
+      ]
+    ]
   }
 }

src/data/characterData/mona.json

@@ -1317,5 +1317,25 @@
         ]
       ]
     ]
+  },
+  "dashSkill": {
+    "name": "Illusory Torrent",
+    "description": "<span style=\"color:#FFD780FF\">Alternate Sprint</span>\\nMona cloaks herself within the water's flow, consuming Stamina to move rapidly.\\n\\nWhen under the effect of Illusory Torrent, Mona can move at high speed on water.\\nApplies the <span style=\"color:#80C0FFFF\">Wet</span> status to nearby opponents when she reappears.\\n\\n<i>This is something that Mona can do, but her teacher cannot. Well, but it's not as if her teacher would pursue any matter concerning Hydro Visions anyway...</i>",
+    "skillLabels": [
+      "Activation Stamina Consumption",
+      "Stamina Drain"
+    ],
+    "skillStatsLabels": [
+      "{0:2f}",
+      "{0:2f}/s"
+    ],
+    "skillStats": [
+      [
+        [10]
+      ],
+      [
+        [15]
+      ]
+    ]
   }
 }

src/routes/characters/[id].svelte

@@ -735,6 +735,9 @@
     <SkillCard {id} image="talent_1" data={data.attack} withQuote={false} />
     <SkillCard {id} image="talent_2" data={data.elementalSkill} withQuote={true} />
     <SkillCard {id} image="talent_3" data={data.burst} withQuote={true} />
+    {#if data.dashSkill}
+      <SkillCard {id} image="talent_7" data={data.dashSkill} withQuote={true} withSingleLevel={true}/>
+    {/if}
   </div>
   <div class="flex flex-col text-white px-4 md:px-8 max-w-screen-2xl">
     <p class="font-black font-display text-2xl mt-4">{$t('characters.passiveTalents')}</p>

src/routes/characters/_skillCard.svelte

@@ -4,14 +4,15 @@
   import Icon from '../../components/Icon.svelte';
   import { mdiChevronDown } from '@mdi/js';
 
-  export let id;
-  export let image;
-  export let data;
-  export let withQuote;
+  export let id = "";
+  export let image = "";
+  export let data = {};
+  export let withQuote = false;
+  export let withSingleLevel = false
 
   let showStat = false;
 
-  let iter = [...new Array(13)];
+  let iter = [...new Array(withSingleLevel ? 1 : 13)];
 
   const lastIndex = withQuote ? data.description.indexOf('<i>') : data.description.length;
   const description = data.description.substring(0, lastIndex).replace(/\\n/g, '<br/>').replace(/·/g, '- ');