2018-04-30 01:41:56 +00:00
|
|
|
<a class="settings-nav-item {{className}}"
|
|
|
|
aria-label={{ariaLabel}}
|
|
|
|
:href >
|
2018-01-13 18:53:25 +00:00
|
|
|
{{label}}
|
|
|
|
</a>
|
|
|
|
<style>
|
2018-01-20 20:35:38 +00:00
|
|
|
a.settings-nav-item {
|
2018-01-13 18:53:25 +00:00
|
|
|
font-size: 1.2em;
|
|
|
|
}
|
|
|
|
|
2018-01-20 20:35:38 +00:00
|
|
|
a.settings-nav-item.selected {
|
2018-01-13 18:53:25 +00:00
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<script>
|
|
|
|
export default {
|
2018-04-30 01:41:56 +00:00
|
|
|
computed: {
|
|
|
|
className: (page, name) => page === name ? 'selected' : '',
|
|
|
|
ariaLabel: (page, name, label) => page === name ? `${label} (current page)` : label
|
2018-01-13 18:53:25 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|