Added authentication to Pi-Hole widgets

src/components/Widgets/PiHoleStats.vue

@@ -40,8 +40,12 @@ export default {
       if (!usersChoice) this.error('You must specify the hostname for your Pi-Hole server');
       return usersChoice || 'http://pi.hole';
     },
+    apiKey() {
+      if (!this.options.apiKey) this.error('API Key is required, please see the docs');
+      return this.options.apiKey;
+    },
     endpoint() {
-      return `${this.hostname}/admin/api.php`;
+      return `${this.hostname}/admin/api.php?summary&auth=${this.apiKey}`;
     },
     hideStatus() { return this.options.hideStatus; },
     hideChart() { return this.options.hideChart; },
@@ -57,7 +61,11 @@ export default {
     fetchData() {
       this.makeRequest(this.endpoint)
         .then((response) => {
-          this.processData(response);
+          if (Array.isArray(response)) {
+            this.error('Got success, but found no results, possible authorization error');
+          } else {
+            this.processData(response);
+          }
         });
     },
     /* Assign data variables to the returned data */