Fix experience label

components/CvSettings.vue

@@ -415,10 +415,11 @@ function getCurrentColor(colorValue: string): {
 
       <!-- HISTORY SECTIONS -->
       <CvSettingsHistorySection
-        v-for="section in SectionNameList"
-        :key="section"
+        v-for="(value, key) in SectionNameList"
+        :key="key"
         :form-settings="formSettings"
-        :name="section"
+        :section="key"
+        :name="value"
       />
       <!-- HISTORY SECTIONS -->
 

components/CvSettingsHistorySection.vue

@@ -1,14 +1,15 @@
 <script lang="ts" setup>
-import type { Cv, OptionalSection, SectionName } from '~/types/cvfy'
+import type { Cv, OptionalSection, SectionName, SectionNameList } from '~/types/cvfy'
 
 const props = defineProps<
   {
     formSettings: Cv
-    name: SectionName
+    section: SectionName
+    name: typeof SectionNameList[SectionName]
   }
 >()
 
-const displaySection = computed(() => `display${props.name[0].toLocaleUpperCase}${props.name.slice(1)}` as OptionalSection)
+const displaySection = computed(() => `display${props.section[0].toLocaleUpperCase}${props.section.slice(1)}` as OptionalSection)
 </script>
 
 <template>
@@ -22,14 +23,14 @@ const displaySection = computed(() => `display${props.name[0].toLocaleUpperCase}
       <template #content>
         <div>
           <CvDisplayCheckbox
-            v-if="name !== 'work'"
+            v-if="section !== 'work'"
             class="form__display-checkbox"
             :display-section="formSettings[displaySection]"
             :section-name="name"
           />
           <CvDynamicSection
-            :section-name="name"
-            :entries="formSettings[name]"
+            :section-name="section"
+            :entries="formSettings[section]"
           />
         </div>
       </template>

types/cvfy.ts

@@ -54,9 +54,9 @@ export interface DefaultSkill {
   skillType: 'jobSkills' | 'softSkills'
 }
 
-export const SectionNameList = [
-  'work',
-  'education',
-  'projects',
-] as const
-export type SectionName = typeof SectionNameList[number]
+export const SectionNameList = {
+  work: 'experience',
+  education: 'education',
+  projects: 'projects',
+} as const
+export type SectionName = keyof typeof SectionNameList