Structuration

components/school-info.riot

@@ -0,0 +1,16 @@
+<school-info>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css">
+
+    <div>
+        <div>
+        </div>
+    </div>
+
+    <script>
+        export default {
+            onMounted() {
+
+            }
+        }
+    </script>
+</school-info>

components/search.riot

@@ -0,0 +1,32 @@
+<search>
+    <label>
+	    <input oninput={search} type="input" placeholder= {state.formation}>
+        <p class="error"></p>
+		<div id="list-formations">
+		</div>
+    </label>
+
+    <script>
+        import model from '../javascript/modelSearch.js';
+    	import Controller from '../javascript/controllerSearch.js';
+    	import View from '../javascript/viewSearch.js';
+        export default function search(){
+			return {
+				onBeforeMount(props, state) {
+					// initial state
+					this.state = {
+						formation: props.formation
+					}
+				},
+                search(){
+                    
+                    console.log("test1")
+                    const view = new View()
+                    const app = new Controller(view,model)
+                }
+                
+            }
+        }
+        
+    </script>
+</search>