nicoeri/filebrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Converted views/Settings.vue to composition api

Browse Source
This commit is contained in:
Joep 2023-09-09 13:10:18 +02:00
parent ef5c8b0d8e
commit ec96b32bbe
1 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/views/Settings.vue
View File

@ -10,17 +10,17 @@
{{ $t("settings.profileSettings") }} {{ $t("settings.profileSettings") }}
</li></router-link </li></router-link
> >
<router-link to="/settings/shares" v-if="user.perm.share" <router-link to="/settings/shares" v-if="user?.perm.share"
><li :class="{ active: $route.path === '/settings/shares' }"> ><li :class="{ active: $route.path === '/settings/shares' }">
{{ $t("settings.shareManagement") }} {{ $t("settings.shareManagement") }}
</li></router-link </li></router-link
> >
<router-link to="/settings/global" v-if="user.perm.admin" <router-link to="/settings/global" v-if="user?.perm.admin"
><li :class="{ active: $route.path === '/settings/global' }"> ><li :class="{ active: $route.path === '/settings/global' }">
{{ $t("settings.globalSettings") }} {{ $t("settings.globalSettings") }}
</li></router-link </li></router-link
> >
<router-link to="/settings/users" v-if="user.perm.admin" <router-link to="/settings/users" v-if="user?.perm.admin"
><li ><li
:class="{ :class="{
active: active:
@ -49,20 +49,17 @@
</div> </div>
</template> </template>
<script> <script setup lang="ts">
import { mapState } from "pinia";
import { useAuthStore } from "@/stores/auth"; import { useAuthStore } from "@/stores/auth";
import { useLayoutStore } from "@/stores/layout"; import { useLayoutStore } from "@/stores/layout";
import HeaderBar from "@/components/header/HeaderBar.vue"; import HeaderBar from "@/components/header/HeaderBar.vue";
import { computed } from "vue";
const authStore = useAuthStore();
const layoutStore = useLayoutStore();
const user = computed(() => authStore.user)
const loading = computed(() => layoutStore.loading)
export default {
name: "settings",
components: {
HeaderBar,
},
computed: {
...mapState(useAuthStore, ["user"]),
...mapState(useLayoutStore, ["loading"]),
},
};
</script> </script>