feat(global): :star:

3 files changed, 83 insertions, 0 deletions

diff --git a/src/views/Home.vue b/src/views/Home.vue
new file mode 100644
index 0000000..d70e565
--- /dev/null
+++ b/src/views/Home.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="home">
+    <h1>home</h1>
+
+    <div v-if="!isLoading" id="random-image">
+      <a :href="random.image">
+        <img :src="random.image">
+      </a>
+    </div>
+    <p v-else>
+      fetching image...
+    </p>
+
+    <p style="white-space: pre-wrap;">hi there, this site is still under construction. if you would
+      like to help with anything, feel
+      free to!
+      <ul>
+        <li><a href="https://github.com/senpy-club/api">api</a></li>
+        <li><a href="https://github.com/senpy-club/frontend">frontend</a></li>
+      </ul>
+    </p>
+  </div>
+</template>
+
+<script>
+import { mixins, Options } from 'vue-class-component';
+import APIExtendableLanguage from '../mixins';
+
+@Options({})
+export default class Language extends mixins(APIExtendableLanguage) {
+  async mounted() { await this.fetchRandom(); }
+}
+</script>
diff --git a/src/views/Language.vue b/src/views/Language.vue
new file mode 100644
index 0000000..ca5bbfb
--- /dev/null
+++ b/src/views/Language.vue
@@ -0,0 +1,26 @@
+<template>
+  <h1>{{ $route.params.lang.toLowerCase() }}</h1>
+
+  <template v-if="!isLoading">
+    <ul class="image-rack">
+      <li v-for="image in images" :key="image" id="image-rack-item">
+        <a :href="image"><img :src="image"></a>
+      </li>
+    </ul>
+    <p v-if="images.length == 0">sorry... no images were found for this language...</p>
+  </template>
+  <p v-else>fetching images...</p>
+</template>
+
+<script>
+import { mixins, Options } from 'vue-class-component';
+import APIExtendableLanguage from '../mixins';
+
+@Options({})
+export default class Language extends mixins(APIExtendableLanguage) {
+  async mounted() {
+    this.language = this.$route.params.lang;
+    await this.fetchImages();
+  }
+}
+</script>
diff --git a/src/views/Languages.vue b/src/views/Languages.vue
new file mode 100644
index 0000000..41074ca
--- /dev/null
+++ b/src/views/Languages.vue
@@ -0,0 +1,24 @@
+<template>
+  <div class="languages">
+    <h1>languages</h1>
+
+    <template v-if="!isLoading">
+      <ul>
+        <li v-for="language in languages" :key="language">
+          <a :href="'/language/' + language">{{ language.toLowerCase() }}</a>
+        </li>
+      </ul>
+    </template>
+    <p v-else>fetching languages...</p>
+  </div>
+</template>
+
+<script lang="ts">
+import { mixins, Options } from 'vue-class-component';
+import APIExtendableLanguage from '../mixins';
+
+@Options({})
+export default class Language extends mixins(APIExtendableLanguage) {
+  async mounted() { await this.fetchLanguages(); }
+}
+</script>