From 39d2fcc94ccd73db489590e1c327a6b34e0e73a3 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 6 May 2021 20:20:37 +0000
Subject: feat(global): :star:

---
 src/views/Language.vue | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/views/Language.vue

(limited to 'src/views/Language.vue')

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>
-- 
cgit v1.2.3

