style: rename layout dir to layouts

src/layouts/header/Breadcrumb.vue

@@ -9,7 +9,7 @@ import type { DropdownProps } from 'naive-ui'
 import type { RouteRecordNameGeneric, RouteRecordRaw } from 'vue-router'
 
 const routerBreadcrumb = computed(() => {
-  return router.currentRoute.value.matched.filter((item) => item.name !== 'layout')
+  return router.currentRoute.value.matched.filter((item) => item.name !== 'layouts')
 })
 
 function resolveDropdownOptions(route: RouteRecordRaw[]): DropdownProps['options'] {

src/layouts/main/index.vue

@@ -14,7 +14,7 @@ defineOptions({
   name: 'MainLayout',
 })
 
-const layoutRedirect = router.getRoutes().find((item) => item.name === 'layout')?.redirect
+const layoutsRedirect = router.getRoutes().find((item) => item.name === 'layouts')?.redirect
 
 const tabsStore = useTabsStore()
 
@@ -64,8 +64,8 @@ watch(
       newTabActivePath !== router.currentRoute.value.fullPath
     ) {
       if (
-        layoutRedirect &&
-        layoutRedirect === router.currentRoute.value.path &&
+        layoutsRedirect &&
+        layoutsRedirect === router.currentRoute.value.path &&
         newTabActivePath === '/'
       ) {
         router.go(0)

src/router/guard.ts

@@ -36,13 +36,13 @@ export function setupRouterGuard(router: Router) {
       return false
     }
 
-    if (userStore.token && !router.hasRoute('Layouts')) {
+    if (userStore.token && !router.hasRoute('layouts')) {
       try {
         await userStore.resolveMenuList()
 
         router.addRoute({
           path: '/',
-          name: 'Layouts',
+          name: 'layouts',
           component: Layouts,
           // if you need to have a redirect when accessing / routing
           redirect: '/dashboard',

src/stores/user.ts

@@ -62,8 +62,8 @@ export const useUserStore = defineStore('userStore', () => {
 
     token.value = null
 
-    if (router.hasRoute('layout')) {
-      router.removeRoute('layout')
+    if (router.hasRoute('layouts')) {
+      router.removeRoute('layouts')
     }
 
     menuList.value = []

src/views/about/index.vue

@@ -57,7 +57,7 @@ const dir = `📂 lithe-admin
 │    ├── 📄 usePersonalization.ts
 │    ├── 📄 useResettable.ts
 │    ├── 📄 useTheme.ts
-│  └── 📂 layout/
+│  └── 📂 layouts/
 │    └── 📂 aside/
 │      └── 📂 component/
 │        ├── 📄 Menu.vue

src/views/sign-in/index.vue

@@ -55,7 +55,7 @@ const signInFormRules: Record<string, FormItemRule[]> = {
   password: [{ required: true, message: '请输入密码', trigger: ['input'] }],
 }
 
-function toLayout() {
+function toLayouts() {
   const { r } = router.currentRoute.value.query
 
   setTimeout(() => {
@@ -77,7 +77,7 @@ const handleSubmitClick = () => {
   signInFormRef.value?.validate((errors) => {
     if (!errors) {
       loading.value = true
-      toLayout()
+      toLayouts()
     }
   })
 }