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/Languages.vue | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/views/Languages.vue

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

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

