beautify documentation

Website/pages/documentation/endpoints.vue

@@ -7,13 +7,14 @@
 </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,35 +3,21 @@
     <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 />
@@ -47,12 +33,9 @@
     </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" />
@@ -60,19 +43,21 @@
 </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,11 +7,12 @@
 </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,10 +20,12 @@
 </template>
 
 <style scoped>
-li {
-  margin-top: 0.5em;
-}
-b {
-  font-weight: 900 !important;
-}
+  li {
+    margin-top: 0.5em;
+  }
+
+  b {
+    font-weight: 900 !important;
+  }
+
 </style>