Erreur complete

src/error/required_field_error.js

@@ -1,5 +1,5 @@
 class RequiredFieldError extends Error {
     constructor(field) {
-        super('Le champ ${field} est obligatoire !');
+        super('Le champ '+field+' est obligatoire !');
     }
 }

src/view/navbar.js

@@ -1,11 +1,10 @@
 export default {
-    template:`
+    template:
-    <section>
+    `<section>
         <ul>
             <li><a href="#">Home</a></li>
             <li><a href="#">Teams</a></li>
             <li><a href="#">Results</a></li>
         </ul>
-    </section>
+    </section>`
-    `
 };

src/view/team_add.js

@@ -8,20 +8,32 @@ export default {
         }
     },
     methods: {
-        addTeam: function() {
+        addTeam: function () {
-            this.errorMessage = '';
+            try {
-            if (!this.id || !this.name) {
+                this.errorMessage = '';
-                this.errorMessage = 'ID and Name are required !';
+                if (!this.id) {
-                return;
+                    throw new RequiredFieldError("ID");
-            }
+                    return;
+                }
+                if (!this.name) {
+                    throw new RequiredFieldError("Name");
+                    return;
+                }
+
+                const team = { id: this.id, name: this.name };
+                console.log('form.addTeam', team);
 
-            const team = { id: this.id, name: this.name};
+                this.$emit('addTeam', team);
-            console.log('form.addTeam', team);
 
-            this.$emit('addTeam', team);
+                this.id = '';
+                this.name = '';
+            } catch (error) {
+                if (error instanceof RequiredFieldError) {
+                    this.errorMessage=error
+                }
 
-            this.id = '';
+                return null;
-            this.name = '';
+            }
         }
     },
     template: `<section>