blob: 41074ca64fc6112e3229e27f93f266e1016f1eef (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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>
|