first gql request, displaying concernements as a liste

src/components/MapConcernements.vue

@@ -0,0 +1,52 @@
+<script>
+
+import { mapActions, mapState } from 'pinia'
+import { ConcernementsStore } from '@/stores/concernements'
+import ConcernementMapItem from '@components/ConcernementMapItem.vue'
+
+// import LoginBlock from '@components/block/LoginBlock.vue'
+// import UserTools from '@components/block/UserTools.vue'
+
+// import MA from '/api/ma-axios'
+
+export default {
+  // data(){
+  //   return {
+  //     block: null
+  //   }
+  // },
+  computed: {
+    ...mapState(ConcernementsStore,['concernements'])
+  },
+  created () {
+    console.log("mapConcernements created");
+    this.loadConcernements()
+  },
+  methods: {
+    ...mapActions(ConcernementsStore,['loadConcernements'])
+  },
+  components: {
+    ConcernementMapItem
+  }
+}
+
+</script>
+
+<template>
+  <div id="map-concernements">
+    <h1>Concernements</h1>
+    <!-- <canvas rel="canvas-map"></canvas> -->
+    <ul>
+      <li
+        v-for="concernement in concernements"
+        v-bind:key="concernement.id"
+      >
+        <ConcernementMapItem :concernement="concernement"/>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<style lang="css" scoped>
+
+</style>