linted

Website/nuxt.config.js

@@ -38,7 +38,7 @@ export default {
   plugins: [],
   components: true,
   buildModules: ["@nuxtjs/vuetify"],
-  modules: ['nuxt-user-agent'],
+  modules: ["nuxt-user-agent"],
 
   // Vuetify module configuration: https://go.nuxtjs.dev/config-vuetify
   vuetify: {

Website/pages/debug.vue

@@ -3,23 +3,35 @@
     <!--   Top Section // "Sections" Card   -->
     <v-card max-width="600px" class="rounded-lg">
       <v-card-title style="padding-bottom: 0">Debug Information</v-card-title>
-      <v-card-text style="text-align: left;">
+      <v-card-text style="text-align: left">
         <!--   Gather Browser Information   -->
-        <span><b>Browser Information:</b></span><br>
-        <span>Browser: {{ device._parsed.name }}</span><br>
-        <span>Browser Vendor: {{ device._parsed.vendor }}</span><br>
-        <span>Version: {{ device._parsed.version }}</span><br>
-        <span>Operating System: {{ device._parsed.os }}</span><br>
-        <span>Operating System Version: {{ device._parsed.os_version }}</span><br>
-        <span>Device Type: {{ device._parsed.category }}</span><br><br>
+        <span><b>Browser Information:</b></span
+        ><br />
+        <span>Browser: {{ device._parsed.name }}</span
+        ><br />
+        <span>Browser Vendor: {{ device._parsed.vendor }}</span
+        ><br />
+        <span>Version: {{ device._parsed.version }}</span
+        ><br />
+        <span>Operating System: {{ device._parsed.os }}</span
+        ><br />
+        <span>Operating System Version: {{ device._parsed.os_version }}</span
+        ><br />
+        <span>Device Type: {{ device._parsed.category }}</span
+        ><br /><br />
         <!--   Gather Extension Information   -->
-        <span><b>Installed Extension Information:</b></span><br>
-        <span>Extension Version: <span id="extension-version">Waiting For Extension...</span></span><br>
+        <span><b>Installed Extension Information:</b></span
+        ><br />
+        <span
+          >Extension Version:
+          <span id="extension-version">Waiting For Extension...</span></span
+        ><br />
       </v-card-text>
       <v-card-actions>
         <v-spacer />
         <v-btn @click="copy()">
-          <v-icon small style="margin-right: 0.25em;">mdi-content-copy</v-icon>Copy
+          <v-icon small style="margin-right: 0.25em">mdi-content-copy</v-icon
+          >Copy
         </v-btn>
       </v-card-actions>
     </v-card>
@@ -27,33 +39,30 @@
 </template>
 
 <script>
-  export default {
-    data() {
-      return {
-        device: this.$ua,
-      }
-    },
-
-    methods: {
-        copy() {
+export default {
+  data() {
+    return {
+      device: this.$ua,
+    };
+  },
 
-            const toCopy = `\`\`\`
+  methods: {
+    copy() {
+      const toCopy = `\`\`\`
 Browser Information:
-Browser: ${ this.device._parsed.name }
-Browser Vendor: ${ this.device._parsed.vendor }
-Version: ${ this.device._parsed.version }
-Operating System: ${ this.device._parsed.os }
-Operating System Version: ${ this.device._parsed.os_version }
-Device Type: ${ this.device._parsed.category }
+Browser: ${this.device._parsed.name}
+Browser Vendor: ${this.device._parsed.vendor}
+Version: ${this.device._parsed.version}
+Operating System: ${this.device._parsed.os}
+Operating System Version: ${this.device._parsed.os_version}
+Device Type: ${this.device._parsed.category}
 
 Installed Extension Information:
-Extension Version: ${document.getElementById('extension-version').innerHTML}
+Extension Version: ${document.getElementById("extension-version").innerHTML}
 \`\`\``;
 
-            navigator.clipboard.writeText(toCopy);
-        }
-    }
-
-  }
-
+      navigator.clipboard.writeText(toCopy);
+    },
+  },
+};
 </script>

Website/pages/documentation/endpoints.vue

@@ -7,14 +7,13 @@
 </template>
 
 <script>
-  let apiUrl = process.env.apiUrl;
-  export default {
-    data() {
-      return {
-        apiUrl: apiUrl,
-        endpointUrl: apiUrl + "/swagger/index.html",
-      };
-    },
-  };
-
+let apiUrl = process.env.apiUrl;
+export default {
+  data() {
+    return {
+      apiUrl: apiUrl,
+      endpointUrl: apiUrl + "/swagger/index.html",
+    };
+  },
+};
 </script>

Website/pages/documentation/fetching.vue

@@ -3,21 +3,35 @@
     <h1 class="primary--text">Basic Fetching Tutorial</h1>
 
     <span>Example to get votes of a given YouTube video ID:</span>
-    <a href="https://youtube.com/watch?v=kxOuG8jMIgI" target="_blank">kxOuG8jMIgI</a><br /><br />
+    <a href="https://youtube.com/watch?v=kxOuG8jMIgI" target="_blank"
+      >kxOuG8jMIgI</a
+    ><br /><br />
 
     <h2>Example Request:</h2>
     <span><b>Request URL:</b></span>
-    <a :href="apiUrl + '/votes?videoId=kxOuG8jMIgI'" target="_blank"
-      v-text="apiUrl + '/votes?videoId=kxOuG8jMIgI'" /><br />
-    <span><b>Request Method:</b>
-      <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/GET" target="_blank">HTTP/GET</a></span><br />
-    <span><b>Headers:</b></span><br />
+    <a
+      :href="apiUrl + '/votes?videoId=kxOuG8jMIgI'"
+      target="_blank"
+      v-text="apiUrl + '/votes?videoId=kxOuG8jMIgI'"
+    /><br />
+    <span
+      ><b>Request Method:</b>
+      <a
+        href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/GET"
+        target="_blank"
+        >HTTP/GET</a
+      ></span
+    ><br />
+    <span><b>Headers:</b></span
+    ><br />
     <code class="code">
       Accept: text/html,application/xhtml+xml,application/xml;q=0.9<br />
       Pragma: no-cache<br />
       Cache-Control: no-cache<br />
-      Connection: keep-alive </code><br />
-    <span><b>Response:</b></span><br />
+      Connection: keep-alive </code
+    ><br />
+    <span><b>Response:</b></span
+    ><br />
     <div class="code">
       <code style="background-color: rgba(0, 0, 0, 0)">
         {<br />
@@ -33,9 +47,12 @@
     </div>
     <br /><br />
     <v-alert border="left" color="orange" text type="info">
-      <span>An invalid YouTube ID will return status code 404 "Not Found".</span><br />
-      <span>An incorrectly formatted YouTube ID will return 400 "Bad
-        Request".</span>
+      <span>An invalid YouTube ID will return status code 404 "Not Found".</span
+      ><br />
+      <span
+        >An incorrectly formatted YouTube ID will return 400 "Bad
+        Request".</span
+      >
     </v-alert>
 
     <a :href="endpointUrl" target="_blank" v-text="endpointUrl" />
@@ -43,21 +60,19 @@
 </template>
 
 <style scoped>
-  .code {
-    width: 100%;
-    background: #353535;
-    border-radius: 3px;
-  }
-
+.code {
+  width: 100%;
+  background: #353535;
+  border-radius: 3px;
+}
 </style>
 
 <script>
-  export default {
-    data() {
-      return {
-        apiUrl: process.env.apiUrl,
-      };
-    },
-  };
-
+export default {
+  data() {
+    return {
+      apiUrl: process.env.apiUrl,
+    };
+  },
+};
 </script>

Website/pages/documentation/url.vue

@@ -7,12 +7,11 @@
 </template>
 
 <script>
-  export default {
-    data() {
-      return {
-        apiUrl: process.env.apiUrl,
-      };
-    },
-  };
-
+export default {
+  data() {
+    return {
+      apiUrl: process.env.apiUrl,
+    };
+  },
+};
 </script>

Website/pages/documentation/usage-rights.vue

@@ -20,12 +20,11 @@
 </template>
 
 <style scoped>
-  li {
-    margin-top: 0.5em;
-  }
-
-  b {
-    font-weight: 900 !important;
-  }
+li {
+  margin-top: 0.5em;
+}
 
+b {
+  font-weight: 900 !important;
+}
 </style>