mirror of
https://github.com/owntone/owntone-server.git
synced 2025-03-05 16:20:11 -05:00
51 lines
1.5 KiB
Vue
51 lines
1.5 KiB
Vue
<template>
|
|
<section class="section fd-tabs-section">
|
|
<div class="container">
|
|
<div class="columns is-centered">
|
|
<div class="column is-four-fifths">
|
|
<div class="tabs is-centered is-small">
|
|
<ul>
|
|
<router-link
|
|
v-slot="{ navigate, isActive }"
|
|
to="/audiobooks/artists"
|
|
custom
|
|
>
|
|
<li :class="{ 'is-active': isActive }">
|
|
<a @click="navigate" @keypress.enter="navigate">
|
|
<mdicon
|
|
class="icon is-small"
|
|
name="account-music"
|
|
size="16"
|
|
/>
|
|
<span v-text="$t('tabs.audiobooks.authors')" />
|
|
</a>
|
|
</li>
|
|
</router-link>
|
|
<router-link
|
|
v-slot="{ navigate, isActive }"
|
|
to="/audiobooks/albums"
|
|
custom
|
|
>
|
|
<li :class="{ 'is-active': isActive }">
|
|
<a @click="navigate" @keypress.enter="navigate">
|
|
<mdicon class="icon is-small" name="album" size="16" />
|
|
<span v-text="$t('tabs.audiobooks.audiobooks')" />
|
|
</a>
|
|
</li>
|
|
</router-link>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'TabsAudiobooks'
|
|
}
|
|
</script>
|
|
|
|
<style></style>
|