basic docs & lint

Website/layouts/default.vue

@@ -31,26 +31,12 @@
 export default {
   data: () => ({
     links: [
-      {
-        name: "Home",
-        path: "/",
-      },
-      {
-        name: "Install",
-        path: "/install",
-      },
-      {
-        name: "FAQ",
-        path: "/faq",
-      },
-      {
-        name: "Donate",
-        path: "/donate",
-      },
-      {
-        name: "Links",
-        path: "/links",
-      },
+      { name: "Home", path: "/"},
+      { name: "Install", path: "/install"},
+      { name: "FAQ", path: "/faq"},
+      { name: "Donate", path: "/donate"},
+      { name: "Links", path: "/links"},
+      { name: "API", path: "/documentation"},
     ],
   }),
 };

Website/nuxt.config.js

@@ -27,6 +27,10 @@ export default {
     ],
   },
 
+  env: {
+    apiUrl: "https://returnyoutubedislikeapi.com"
+  },
+
   target: "static",
   css: [],
   plugins: [],
@@ -52,7 +56,7 @@ export default {
       },
     },
   },
-
+/*
   build: {
     extend(config, ctx) {
       // Run ESLint on save (dev-only)
@@ -65,5 +69,6 @@ export default {
         });
       }
     },
-  },
+  }
+*/
 };

Website/pages/documentation.vue

@@ -1,6 +1,34 @@
 <template>
   <div>
-    <p>documentation.vue</p>
-    <NuxtChild />
+    <v-card max-width="600px" class="rounded-lg">
+      <v-card-title style="padding-bottom: 0;">Sections</v-card-title>
+      <v-list>
+        <v-list-item v-for="(item, i) in links" :key="i" router :to=item.to>
+            <v-list-item-icon><v-icon v-text="item.icon" /></v-list-item-icon>
+            <v-list-item-title style="text-align: left;"><v-list-item-title v-text="item.text" /></v-list-item-title>
+        </v-list-item>
+      </v-list>
+    </v-card>
+
+    <v-card max-width="600px" class="rounded-lg" style="margin: 1em; padding: 0.75em; text-align: left;">
+        <NuxtChild />
+    </v-card>
+
+
   </div>
 </template>
+
+<script>
+export default {
+    data() {
+        return {
+            links: [
+                { text: 'API Usage Rights', icon: 'mdi-book-open-variant', to: 'documenation/usage-rights' },
+                { text: 'API URL Information', icon: 'mdi-web', to: 'documenation/url' },
+                { text: 'Available Endpoints', icon: 'mdi-transit-connection-variant', to: 'documenation/endpoints' },
+                { text: 'Basic Fetching Tutorial', icon: 'mdi-school', to: 'documenation/fetching' },
+            ]
+        }
+    }
+}
+</script>

Website/pages/documentation/endpoints.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h1>Welcome to the <span class="primary--text">official RYD docs</span>!</h1>
+    <p>To get started, select a section.</p>
+  </div>
+</template>

Website/pages/documentation/fetching.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h1>Welcome to the <span class="primary--text">official RYD docs</span>!</h1>
+    <p>To get started, select a section.</p>
+  </div>
+</template>

Website/pages/documentation/index.vue

@@ -1,5 +1,6 @@
 <template>
   <div>
-    <p>documentation/index.vue</p>
+    <h1>Welcome to the <span class="primary--text">official RYD docs</span>!</h1>
+    <p>To get started, select a section.</p>
   </div>
 </template>

Website/pages/documentation/url.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h1>Welcome to the <span class="primary--text">official RYD docs</span>!</h1>
+    <p>To get started, select a section.</p>
+  </div>
+</template>

Website/pages/documentation/usage-rights.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h1>Welcome to the <span class="primary--text">official RYD docs</span>!</h1>
+    <p>To get started, select a section.</p>
+  </div>
+</template>