Use readonly for layout composable

This commit is contained in:
tugcekucukoglu
2024-07-29 16:01:14 +03:00
parent 0e3130d2a6
commit 3efe7ae222
8 changed files with 39 additions and 37 deletions

View File

@@ -1,10 +1,10 @@
<script setup>
import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
import { useLayout } from '@/layout/composables/layout';
import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
import { useRouter } from 'vue-router';
import AppConfigurator from './AppConfigurator.vue';
const { layoutConfig, onMenuToggle, toggleDarkMode, isDarkTheme } = useLayout();
const { onMenuToggle, toggleDarkMode, isDarkTheme } = useLayout();
const outsideClickListener = ref(null);
const topbarMenuActive = ref(false);
@@ -19,7 +19,7 @@ onBeforeUnmount(() => {
});
const logoUrl = computed(() => {
return `/layout/images/${layoutConfig.darkTheme.value ? 'logo-white' : 'logo-dark'}.svg`;
return `/layout/images/${isDarkTheme ? 'logo-white' : 'logo-dark'}.svg`;
});
const onTopBarMenuButton = () => {