diff options
author | Front <27463495+Frontesque@users.noreply.github.com> | 2021-12-28 02:46:11 +0300 |
---|---|---|
committer | Front <27463495+Frontesque@users.noreply.github.com> | 2021-12-28 02:46:11 +0300 |
commit | 7f82dba4b98d55d6d96dac9b564c8d2ba6c79ba5 (patch) | |
tree | 194cbe9b4ee4f6ecc28671cece17b32e5400a8d7 | |
parent | bb29bb54b4b455fd288461e2a9a592f44f7c980b (diff) |
beautify documentation
-rw-r--r-- | Website/pages/documentation/endpoints.vue | 19 | ||||
-rw-r--r-- | Website/pages/documentation/fetching.vue | 65 | ||||
-rw-r--r-- | Website/pages/documentation/url.vue | 15 | ||||
-rw-r--r-- | Website/pages/documentation/usage-rights.vue | 14 |
4 files changed, 51 insertions, 62 deletions
diff --git a/Website/pages/documentation/endpoints.vue b/Website/pages/documentation/endpoints.vue index ef94c10..c1c69f5 100644 --- a/Website/pages/documentation/endpoints.vue +++ b/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> diff --git a/Website/pages/documentation/fetching.vue b/Website/pages/documentation/fetching.vue index 651f2b8..5710670 100644 --- a/Website/pages/documentation/fetching.vue +++ b/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> diff --git a/Website/pages/documentation/url.vue b/Website/pages/documentation/url.vue index e95f542..97b78d1 100644 --- a/Website/pages/documentation/url.vue +++ b/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> diff --git a/Website/pages/documentation/usage-rights.vue b/Website/pages/documentation/usage-rights.vue index fd310e1..f384c05 100644 --- a/Website/pages/documentation/usage-rights.vue +++ b/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> |