chore: 将 layout 重命名为 layouts

README.md

@@ -1,5 +1,5 @@
 <div align="center">
-  <img alt="V3 Admin Vite Logo" width="120" height="120" src="./src/assets/layout/logo.png">
+  <img alt="V3 Admin Vite Logo" width="120" height="120" src="./src/assets/layouts/logo.png">
   <h1>V3 Admin Vite</h1>
   <span>English | <a href="./README.zh-CN.md">中文</a></span>
 </div>

README.zh-CN.md

@@ -1,5 +1,5 @@
 <div align="center">
-  <img alt="V3 Admin Vite Logo" width="120" height="120" src="./src/assets/layout/logo.png">
+  <img alt="V3 Admin Vite Logo" width="120" height="120" src="./src/assets/layouts/logo.png">
   <h1>V3 Admin Vite</h1>
   <span><a href="./README.md">English</a> | 中文</span>
 </div>

src/layouts/components/Logo/index.vue

@@ -3,9 +3,9 @@ import { computed } from "vue"
 import { storeToRefs } from "pinia"
 import { useSettingsStore } from "@/store/modules/settings"
 import { getCssVariableValue } from "@/utils"
-import logo from "@/assets/layout/logo.png?url"
+import logo from "@/assets/layouts/logo.png?url"
-import logoText1 from "@/assets/layout/logo-text-1.png?url"
+import logoText1 from "@/assets/layouts/logo-text-1.png?url"
-import logoText2 from "@/assets/layout/logo-text-2.png?url"
+import logoText2 from "@/assets/layouts/logo-text-2.png?url"
 
 interface Props {
   collapse?: boolean

src/router/index.ts

@@ -1,12 +1,12 @@
 import { type RouteRecordRaw, createRouter, createWebHashHistory, createWebHistory } from "vue-router"
 
-const Layout = () => import("@/layout/index.vue")
+const Layouts = () => import("@/layouts/index.vue")
 
 /** 常驻路由 */
 export const constantRoutes: RouteRecordRaw[] = [
   {
     path: "/redirect",
-    component: Layout,
+    component: Layouts,
     meta: {
       hidden: true
     },
@@ -41,7 +41,7 @@ export const constantRoutes: RouteRecordRaw[] = [
   },
   {
     path: "/",
-    component: Layout,
+    component: Layouts,
     redirect: "/dashboard",
     children: [
       {
@@ -58,7 +58,7 @@ export const constantRoutes: RouteRecordRaw[] = [
   },
   {
     path: "/unocss",
-    component: Layout,
+    component: Layouts,
     redirect: "/unocss/index",
     children: [
       {
@@ -74,7 +74,7 @@ export const constantRoutes: RouteRecordRaw[] = [
   },
   {
     path: "/link",
-    component: Layout,
+    component: Layouts,
     children: [
       {
         path: "https://juejin.cn/post/7089377403717287972",
@@ -89,7 +89,7 @@ export const constantRoutes: RouteRecordRaw[] = [
   },
   {
     path: "/table",
-    component: Layout,
+    component: Layouts,
     redirect: "/table/element-plus",
     name: "Table",
     meta: {
@@ -119,7 +119,7 @@ export const constantRoutes: RouteRecordRaw[] = [
   },
   {
     path: "/menu",
-    component: Layout,
+    component: Layouts,
     redirect: "/menu/menu1",
     name: "Menu",
     meta: {
@@ -193,7 +193,7 @@ export const constantRoutes: RouteRecordRaw[] = [
   },
   {
     path: "/hook-demo",
-    component: Layout,
+    component: Layouts,
     redirect: "/hook-demo/use-fetch-select",
     name: "HookDemo",
     meta: {
@@ -230,7 +230,7 @@ export const constantRoutes: RouteRecordRaw[] = [
 export const asyncRoutes: RouteRecordRaw[] = [
   {
     path: "/permission",
-    component: Layout,
+    component: Layouts,
     redirect: "/permission/page",
     name: "Permission",
     meta: {

src/store/modules/settings.ts

@@ -1,6 +1,6 @@
 import { type Ref, ref, watch } from "vue"
 import { defineStore } from "pinia"
-import { type LayoutSettings, layoutSettings } from "@/config/layout"
+import { type LayoutSettings, layoutSettings } from "@/config/layouts"
 import { setConfigLayout } from "@/utils/cache/local-storage"
 
 type SettingsStore = {

src/styles/theme/core/index.scss

@@ -1,5 +1,5 @@
 .#{$theme-name} {
-  @import "./layout.scss";
+  @import "./layouts.scss";
   @import "./login.scss";
   @import "./error-page.scss";
   @import "./element-plus.scss";

src/utils/cache/local-storage.ts

@@ -4,7 +4,7 @@ import CacheKey from "@/constants/cache-key"
 import { type SidebarOpened, type SidebarClosed } from "@/constants/app-key"
 import { type ThemeName } from "@/hooks/useTheme"
 import { type TagView } from "@/store/modules/tags-view"
-import { type LayoutSettings } from "@/config/layout"
+import { type LayoutSettings } from "@/config/layouts"
 
 //#region 系统布局配置
 export const getConfigLayout = () => {

src/views/login/index.vue

@@ -74,7 +74,7 @@ createCode()
     <ThemeSwitch class="theme-switch" />
     <div class="login-card">
       <div class="title">
-        <img src="@/assets/layout/logo-text-2.png" />
+        <img src="@/assets/layouts/logo-text-2.png" />
       </div>
       <div class="content">
         <el-form ref="loginFormRef" :model="loginFormData" :rules="loginFormRules" @keyup.enter="handleLogin">