fixed v-if bug on skill level

Author: LukaHarambasic

assets/cv.yml

@@ -2,7 +2,7 @@
 settings:
   showLogo: true
   justifyDescription: false
-  showSkillLevel: true
+  showSkillLevel: false
   maxSkillLevel: 5
   sortSkills: decreasing # increasing / decreasing / alphabetical / none
 

components/LhCvSkills.vue

@@ -5,9 +5,9 @@
       v-text="object.title" />
     <ul>
       <li
-        v-for="(item, index) in object.items"
-        :key="index"
-        v-text="item.title" />
+        v-for="skill in object.items"
+        :key="skill.title"
+        v-text="skill.title" />
     </ul>
   </section>
 </template>

components/LhCvSkillsList.vue

@@ -3,19 +3,21 @@
     <lh-cv-list-headline
       v-if="object.title"
       :title="object.title" />
-    <lh-cv-skills-levels
-      class="skillsList"
-      v-if="settings.showSkillLevel"
-      v-for="(object, index) in object.items"
-      :key="index"
-      :object="object"
-      :settings="settings" />
-    <lh-cv-skills
-      class="skillsList"
-      v-else
-      v-for="(object, index) in object.items"
-      :key="index"
-      :object="object" />
+    <div v-if="settings.showSkillLevel">
+      <lh-cv-skills-levels
+        class="skillsList"
+        v-for="(skills, index) in object.items"
+        :key="index"
+        :object="skills"
+        :settings="settings" />
+    </div>
+    <div v-else>
+      <lh-cv-skills
+        class="skillsList"
+        v-for="(skills, index) in object.items"
+        :key="index"
+        :object="skills" />
+    </div>
   </aside>
 </template>