first gql request, displaying concernements as a liste

src/components/ConcernementMapItem.vue

@@ -0,0 +1,42 @@
+<script>
+
+// import { mapActions, mapState } from 'pinia'
+// import { ConcernementsStore } from '@/stores/concernements'
+
+
+// import LoginBlock from '@components/block/LoginBlock.vue'
+// import UserTools from '@components/block/UserTools.vue'
+
+// import MA from '/api/ma-axios'
+
+export default {
+  props: ['concernement'],
+  // data(){
+  //   return {
+  //     block: null
+  //   }
+  // },
+  // computed: {
+  //   ...mapState(UserStore,['isloggedin'])
+  // },
+  created () {
+    console.log("ConcernementsMapItem created");
+  },
+  methods: {
+    // ...mapActions(ConcernementsStore,['loadConcernements'])
+  }
+  // components: {
+  //   LoginBlock,
+  //   UserTools
+  // }
+}
+
+</script>
+
+<template>
+    <span>{{ concernement.title }}</span>
+</template>
+
+<style lang="css" scoped>
+
+</style>

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>

src/components/block/LoginBlock.vue

@@ -57,7 +57,7 @@ export default {
   <form action="" @submit.prevent="onSubmitLogin">
     <input type="email" placeholder="email" name="email" v-model="mail">
     <input type="password" placeholder="mot de passe" name="passwd" v-model="passwd">
-    <input type="submit" value="login">
+    <input type="submit" value="se connecter">
     <p v-if="loginMessage">{{ loginMessage }}</p>
   </form>
 </template>

src/components/block/UserBlock.vue

@@ -31,7 +31,6 @@ export default {
 </script>
 
 <template>
-  <h1>UserBlock</h1>
   <UserTools v-if="isloggedin" />
   <LoginBlock v-else/>
 </template>