#10 bennung skills und levels

src/components/ProfileList.vue

@@ -9,7 +9,10 @@
         :alt="`${value[type].name} Logo`"
       />
       {{ value[type].name }}
-      <span v-if="value.level">({{ value.level }})</span>
+      <span v-if="value.level">
+        <span v-if="type == 'skill'">({{ levelSelection[value.level] }})</span>
+        <span v-if="type == 'language'">({{ languagesSelection[value.level] }})</span>
+      </span>
       <span v-if="value.content">:
           <span v-if="value[type].name === 'E-Mail'">
               <a :href="`mailto:${value.content}`">{{ value.content }}</a>
@@ -44,6 +47,9 @@
   </ul>
 </template>
 <script>
+import levelJson from "@/assets/skill_level.json"
+import languagesJson from "@/assets/language_level.json"
+
 export default {
   name: "ProfileList",
   props: {
@@ -60,7 +66,9 @@ export default {
   },
   data() {
     return {
-      iconUrl: this.apiUrl
+      iconUrl: this.apiUrl,
+      levelSelection: levelJson,
+      languagesSelection: languagesJson,
     }
   }
 };