style: rename layout dir to layouts

src/router/guard.ts

@@ -6,7 +6,7 @@ import { useUserStore } from '@/stores/user'
 
 import type { Router } from 'vue-router'
 
-const Layout = () => import('@/layout/index.vue')
+const Layouts = () => import('@/layouts/index.vue')
 
 const { loadingBar } = useDiscreteApi()
 
@@ -36,14 +36,14 @@ export function setupRouterGuard(router: Router) {
       return false
     }
 
-    if (userStore.token && !router.hasRoute('layout')) {
+    if (userStore.token && !router.hasRoute('Layouts')) {
       try {
         await userStore.resolveMenuList()
 
         router.addRoute({
           path: '/',
-          name: 'layout',
-          component: Layout,
+          name: 'Layouts',
+          component: Layouts,
           // if you need to have a redirect when accessing / routing
           redirect: '/dashboard',
           children: userStore.routeList,

src/views/sign-in/index.vue

@@ -4,7 +4,7 @@ import { computed, onMounted, onUnmounted, reactive, ref, useTemplateRef } from
 
 import topographySvg from '@/assets/topography.svg'
 import { usePersonalization } from '@/composable/usePersonalization'
-import ThemeDropdown from '@/layout/header/Actions/component/ThemeDropdown.vue'
+import ThemeDropdown from '@/layouts/header/Actions/component/ThemeDropdown.vue'
 import router from '@/router'
 import { useUserStore } from '@/stores/user'
 import twc from '@/utils/tailwindColor'