Refactored composable

src/views/Dashboard.vue

@@ -1,9 +1,9 @@
 <script setup>
 import { onMounted, reactive, ref, watch } from 'vue';
 import ProductService from '@/layout/service/ProductService';
-import { useLayoutService } from '@/layout/composables/layoutService';
+import { useLayout } from '@/layout/composables/layout';
 
-const { isDarkTheme } = useLayoutService();
+const { isDarkTheme } = useLayout();
 
 const products = ref(null);
 const lineData = reactive({

src/views/pages/Landing.vue

@@ -1,7 +1,7 @@
 <script setup>
-import { useLayoutService } from '@/layout/composables/layoutService';
+import { useLayout } from '@/layout/composables/layout';
 import AppConfig from '@/layout/AppConfig.vue';
-const { isDarkTheme } = useLayoutService();
+const { isDarkTheme } = useLayout();
 
 const smoothScroll = (id) => {
     document.querySelector(id).scrollIntoView({

src/views/pages/auth/Login.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { useLayoutService } from '@/layout/composables/layoutService';
+import { useLayout } from '@/layout/composables/layout';
 import { ref } from 'vue';
 import AppConfig from '@/layout/AppConfig.vue';
 
-const { isDarkTheme } = useLayoutService();
+const { isDarkTheme } = useLayout();
 
 const email = ref('');
 const password = ref('');

src/views/uikit/Chart.vue

@@ -1,8 +1,8 @@
 <script setup>
 import { ref, watch } from 'vue';
-import { useLayoutService } from '@/layout/composables/layoutService';
+import { useLayout } from '@/layout/composables/layout';
 
-const { layoutConfig } = useLayoutService();
+const { layoutConfig } = useLayout();
 let documentStyle = getComputedStyle(document.documentElement);
 let textColor = documentStyle.getPropertyValue('--text-color');
 let textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');