Working on UI
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user