Configure l'extensionVue graphique

src/situations/cafe_de_la_place/data/parcours_haut.js

@@ -123,7 +123,7 @@ const HGac1 = {
   id: 'HGac1',
   nom_technique: 'hgac_1',
   illustration: graphique,
-  type: 'clic_graphique',
+  extensionVue: 'graphique',
   intitule: "D'après ce graphique, dans quel pays trouve-t-on le plus de foyers qui accueillent des chats ?",
   modalite_reponse: "Pour répondre, cliquez sur les barres du graphique.<br>Attention, il peut y avoir plusieurs bonnes réponses. Quand votre choix vous convient, cliquez sur « Valider ».",
 };

src/situations/cafe_de_la_place/styles/graphique.scss

@@ -0,0 +1,7 @@
+.zone-cliquable {
+  position: absolute;
+  left: 9.25rem;
+  width: 22.5rem;
+  top: 11rem;
+  height: 17.375rem;
+}

src/situations/cafe_de_la_place/vues/cafe_de_la_place.vue

@@ -27,6 +27,7 @@ import Pagination from 'commun/vues/components/pagination';
 import ClicSurMots from 'cafe_de_la_place/vues/components/clic_sur_mots.vue';
 import texteATrous from 'cafe_de_la_place/vues/components/texte_a_trous.vue';
 import Puzzle from 'cafe_de_la_place/vues/components/puzzle.vue';
+import Graphique from 'cafe_de_la_place/vues/components/graphique.vue';
 
 export default {
   components: { Defi, TransitionFade, Pagination },
@@ -36,6 +37,7 @@ export default {
     Vue.component('clic_sur_mots', ClicSurMots);
     Vue.component('texte_a_trous', texteATrous);
     Vue.component('puzzle', Puzzle);
+    Vue.component('graphique', Graphique);
   },
 
   computed: {

src/situations/cafe_de_la_place/vues/components/graphique.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="zone-cliquable">
+  </div>
+</template>
+
+<script>
+import 'cafe_de_la_place/styles/graphique.scss';
+
+export default {
+};
+</script>