26 lines
603 B
Vue
26 lines
603 B
Vue
<template>
|
|
<h1 class="title">{{ t('menu.settings') }}</h1>
|
|
<div class="tabs">
|
|
<ul>
|
|
<li v-for="i in routes" :class="{ 'is-active': route.path === i.path }">
|
|
<RouterLink :to="i.path">
|
|
{{ t(i.title) }}
|
|
</RouterLink>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<RouterView />
|
|
</template>
|
|
<script setup>
|
|
import { useI18n } from 'vue-i18n';
|
|
import { useRoute } from 'vue-router';
|
|
|
|
const { t } = useI18n();
|
|
const route = useRoute();
|
|
|
|
const routes = [
|
|
{"title": "settings.users", "path": "/settings/users"},
|
|
{"title": "settings.groups", "path": "/settings/groups"}
|
|
];
|
|
|
|
</script> |