<script setup lang="ts">
import myData from '../data/mock/exercices.json';

const exercices = ref(myData)
</script>

<template>
    <div id="exercices">
        <h2>Exercices</h2>
        <p v-for="exercice in exercices" :key="exercice.id">
            {{ exercice.name }} <br>
            <small>{{ exercice.description }}</small>
        </p>
        <p v-for="exercice in exercices" :key="exercice.id">
            {{ exercice.name }} <br>
            <small>{{ exercice.description }}</small>
        </p>
    </div>
</template>

<style>
div#exercices {
    margin: 1vh 1vw 6vh 1vw;
}
</style>