Display parsing error

src/App.vue

@@ -146,26 +146,25 @@ export default {
     };
   },
   created: async function () {
-    try {
     const defaults = jsyaml.load(defaultConfig);
     let config = await this.getConfig();
-
     this.config = merge(defaults, config);
     this.services = this.config.services;
     document.title = `${this.config.title} | ${this.config.subtitle}`;
-    } catch (error) {
-      this.offline = true;
-    }
   },
   methods: {
     getConfig: function () {
-      return fetch("config.yml").then(function (response) {
+      return fetch("config.yml")
-        if (response.status != 200) {
+        .then((response) => {
-          return;
+          if (!response.ok) {
+            throw Error(response.statusText);
           }
-        return response.text().then(function (body) {
+          return response.text().then((body) => {
             return jsyaml.load(body);
           });
+        })
+        .catch((error) => {
+          return this.handleErrors("⚠️ Error loading configuration", error);
         });
     },
     matchesFilter: function (item) {
@@ -207,6 +206,15 @@ export default {
         },
       ];
     },
+    handleErrors: function (title, content) {
+      return {
+        message: {
+          title: title,
+          style: "is-danger",
+          content: content,
+        },
+      };
+    },
   },
 };
 </script>