Merge pull request #175 from luixal/message-remote-fields-mapping

[github/bastienwirtz/homer.git] / src / components / services / AdGuardHome.vue

diff --git a/src/components/services/AdGuardHome.vue b/src/components/services/AdGuardHome.vue
index 3ce56dd662c23bdbbb54657c8ec6910647fdcb3a..6ef530227cd5915edacab2e52526967e07404196 100644 (file)
--- a/src/components/services/AdGuardHome.vue
+++ b/src/components/services/AdGuardHome.vue
@@ -11,14 +11,18 @@
             </div>
             <div v-if="item.icon" class="media-left">
               <figure class="image is-48x48">
-                <i style="font-size: 35px;" :class="['fa-fw', item.icon]"></i>
+                <i style="font-size: 35px" :class="['fa-fw', item.icon]"></i>
               </figure>
             </div>
             <div class="media-content">
               <p class="title is-4">{{ item.name }}</p>
               <p class="subtitle is-6">{{ item.subtitle }}</p>
             </div>
-            <div v-if="status" class="status" v-bind:class="status.protection_enabled ? 'enabled' : 'disabled'">
+            <div
+              v-if="status"
+              class="status"
+              v-bind:class="status.protection_enabled ? 'enabled' : 'disabled'"
+            >
               {{ status.protection_enabled }}
             </div>
           </div>
@@ -47,9 +51,9 @@ export default {
   },
   methods: {
     fetchStatus: async function () {
-      this.status = await fetch(`${this.item.url}/control/status`).then((response) =>
-        response.json()
-      );
+      this.status = await fetch(
+        `${this.item.url}/control/status`
+      ).then((response) => response.json());
     },
   },
 };