<template>
  <div v-if="etapeData">
<!--     
    <div v-if="loading">Loading...</div>
    <div v-if="error">{{ error }}</div>
 -->    
    <div>
      <pre>{{ etapeData }}</pre>
    </div>
  </div>
</template>

<script setup>
  import { storeToRefs } from 'pinia';
  import { useEtapeStore } from '../stores/etape';

  const store = useEtapeStore();

  const { etapeData, loading, error } = storeToRefs(store);
</script>