dev

frontend/src/pages/Character/Result/components/Info.vue

@@ -58,7 +58,7 @@
         <!-- :class="['flex-1', skill.active ? 'bg-#3ea74e text-white' : 'bg-#000000bf text-#836832']" -->
         <template v-for="skill in oathSkills" :key="skill.id">
           <div
-            class="flex items-center px-5px flex-col skill"
+            class="flex items-center px-5px flex-col skill-item"
             :class="{ active: skill.active, disabled: !skill.enable }"
             @click="changeSkillId(skill)"
           >
@@ -290,7 +290,7 @@ const lvFormat = (lv: number, rarity: string) => {
 }
 
 .oath-skill {
-  .skill {
+  .skill-item {
     &.active {
     }
 

frontend/src/stores/config.ts

@@ -234,8 +234,9 @@ export const useConfigStore = defineStore('configStore', () => {
   const calc = async () => {
     if (!useInfoStore().infos?.alter) return undefined
     const res = await api.calc(config.value)
-    // const skillId = res.suits.oath?.suitId
-    // config.value.oathSkill = skillId || '1'
+    if (res.suits.oath?.suitId != res.suits.suit?.suitId) {
+      config.value.oathSkill = '1'
+    }
     return res
   }