first styling and store for reactive etape modale

web/themes/custom/caravane/assets/js/vuejs/Etape.vue

@@ -1,13 +1,18 @@
 <template>
   <div>
-    hello HMR TROP TROP BIEN \o/
+    <div v-if="loading">Loading...</div>
+    <div v-if="error">{{ error }}</div>
+    <div v-if="etapeData">
+      <pre>{{ etapeData }}</pre>
+    </div>
   </div>
 </template>
 
-<script>
-  
-</script>
+<script setup>
+  import { storeToRefs } from 'pinia';
+  import { useEtapeStore } from '../stores/etape';
 
-<style>
+  const store = useEtapeStore();
 
-</style>
+  const { etapeData, loading, error } = storeToRefs(store);
+</script>