mirror of
https://github.com/tachiyomiorg/website.git
synced 2025-01-05 06:51:55 +01:00
56 lines
1.1 KiB
Vue
56 lines
1.1 KiB
Vue
<template>
|
|
<div class="extension-group">
|
|
<h3>
|
|
{{ groupName }}
|
|
|
|
<span class="extensions-total">
|
|
Total:
|
|
<span class="extensions-total-sum">
|
|
{{ totalCount }}
|
|
</span>
|
|
</span>
|
|
</h3>
|
|
<div
|
|
v-for="extension in list"
|
|
:id="extension.pkg.replace('eu.kanade.tachiyomi.extension.', '')"
|
|
:key="extension.apk"
|
|
class="anchor"
|
|
>
|
|
<ExtensionItem :item="extension" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { simpleLangName, langName } from "../scripts/languages";
|
|
import ExtensionItem from "./ExtensionItem.vue";
|
|
|
|
export default {
|
|
components: { ExtensionItem },
|
|
props: ["list", "totalCount"],
|
|
computed: {
|
|
groupName: function () {
|
|
const firstItem = this.list[0];
|
|
return firstItem.lang === "en" ? simpleLangName(firstItem.lang) : langName(firstItem.lang);
|
|
},
|
|
},
|
|
methods: {
|
|
simpleLangName,
|
|
langName,
|
|
},
|
|
};
|
|
</script>
|
|
<style lang="stylus">
|
|
.extensions-total
|
|
float right
|
|
&-sum
|
|
color $accentColor
|
|
|
|
.anchor
|
|
margin-top -3.9em
|
|
padding-bottom 0.2em
|
|
padding-top 4.5em
|
|
|
|
&:first-child
|
|
border-top 1px solid $borderColor
|
|
</style>
|