CompetenceProjetView.vue

<template>
  <TitleComposant label="Compétences" class="q-mt-xl" />
  <div class="text-h5 q-ml-xl q-pb-xl" :class="$q.screen.lt.md ? 'text-h6' : ''">
    Ce projet visé à développer les compétences et savoir-faire informatique suivante :
    <div class="text-h6 q-ml-md q-mt-sm" :class="$q.screen.lt.md ? 'text-subtitle1' : ''" :style="$q.screen.lt.md ? 'font-weight: bold' : 'font-weight: normal'" v-for="skill in skills" :key="skill" >• {{skill}}</div>
  </div>
</template>

<script setup lang="ts">

import TitleComposant from 'components/TitleComposant.vue'
defineProps({
  skills: Array<string>
})
</script>

<style scoped>

</style>