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:`
-    <section>
+    template:
+    `<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

@@ -9,9 +9,14 @@ export default {
     },
     methods: {
         addTeam: function () {
+            try {
                 this.errorMessage = '';
-            if (!this.id || !this.name) {
-                this.errorMessage = 'ID and Name are required !';
+                if (!this.id) {
+                    throw new RequiredFieldError("ID");
+                    return;
+                }
+                if (!this.name) {
+                    throw new RequiredFieldError("Name");
                     return;
                 }
 
@@ -22,6 +27,13 @@ export default {
 
                 this.id = '';
                 this.name = '';
+            } catch (error) {
+                if (error instanceof RequiredFieldError) {
+                    this.errorMessage=error
+                }
+
+                return null;
+            }
         }
     },
     template: `<section>