correction de l'affichage des composants riot

parcoursup/app.riot

@@ -21,9 +21,6 @@
   </div>
 
   <script>
-    import { fetchFormations } from './api.js'
-    import { createFormation } from './formation.js'
-
     export default {
       state: {
         loading: false,
@@ -40,13 +37,13 @@
         })
 
         try {
-          const data = await fetchFormations(query)
+          const data = await window.fetchFormations(query)
           const formations = []
 
           if (data.results) {
             for (let i = 0; i < data.results.length; i++) {
               const raw = data.results[i]
-              const formation = createFormation(raw)
+              const formation = window.createFormation(raw)
               formations.push(formation)
             }
           }

parcoursup/components/result-list.riot

@@ -8,9 +8,7 @@
       Chargement...
     </div>
 
-    <div each={ f, i in props.results }
+    <div each={ (f, i) in props.results } key={ f.id } style="border:1px solid #ccc; padding:10px; margin:10px;">
-         key={ f.id }
-         style="border:1px solid #ccc; padding:10px; margin:10px;">
       <h3>{ f.nom }</h3>
       <p><b>Établissement :</b> { f.etablissement }</p>
       <p><b>Ville :</b> { f.ville } ({ f.departement })</p>

parcoursup/index.html

@@ -15,6 +15,14 @@
   <script src="./components/detail-view.riot" type="riot"></script>
   <script src="./app.riot" type="riot"></script>
 
+  <script type="module">
+    import { fetchFormations } from './api.js'
+    import { createFormation } from './formation.js'
+
+    window.fetchFormations = fetchFormations
+    window.createFormation = createFormation
+  </script>
+
   <script>
     riot.compile().then(() => {
       riot.mount('app')