From a5edb67b12cd7229fceda9e6755b274664383021 Mon Sep 17 00:00:00 2001
From: vince <vince292007@gmail.com>
Date: Sun, 14 Jul 2024 23:10:48 +0800
Subject: [PATCH] chore: update app name

---
 .vscode/launch.json                              |  2 +-
 README.zh-CN.md                                  |  4 ++--
 apps/backend-mock/README.md                      |  2 +-
 apps/web-antd/.env                               |  2 +-
 apps/web-antd/index.html                         |  2 +-
 internal/vite-config/src/options.ts              |  2 +-
 internal/vite-config/src/plugins/license.ts      |  2 +-
 internal/vite-config/src/utils/env.ts            |  2 +-
 package.json                                     |  1 +
 packages/@core/README.md                         |  2 +-
 packages/@core/forward/preferences/src/config.ts |  4 ++--
 .../tabs-ui/src/components/tabs-chrome/tabs.vue  | 12 +++++++++++-
 .../ui-kit/tabs-ui/src/components/tabs/tabs.vue  | 16 ++++++++++++++--
 packages/effects/README.md                       | 10 ++++++----
 packages/effects/common-ui/src/about/about.vue   |  2 +-
 .../layouts/src/basic/copyright/copyright.vue    |  2 +-
 website/.vitepress/config.mts                    |  6 +++---
 website/src/en/index.md                          |  4 ++--
 website/src/index.md                             |  4 ++--
 19 files changed, 53 insertions(+), 28 deletions(-)

diff --git a/.vscode/launch.json b/.vscode/launch.json
index d2e637e9..2dd1a9e1 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -4,7 +4,7 @@
   "configurations": [
     {
       "type": "chrome", // chrome、edge
-      "name": "vben admin pro dev", // 调试的名称，可以自定义
+      "name": "vben admin dev", // 调试的名称，可以自定义
       "request": "launch",
       "url": "http://localhost:5173",
       "env": { "NODE_ENV": "development" },
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 369980fa..8dbb210a 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -2,14 +2,14 @@
 
 [![license](https://img.shields.io/github/license/anncwb/vue-vben-admin.svg)](LICENSE)
 
-<h1>Vue Vben Admin Pro</h1>
+<h1>Vue Vben Admin</h1>
 </div>
 
 **中文** | [English](./README.md)
 
 ## 简介
 
-Vue Vben Admin Pro 是 Vue Vben Admin 的升级版本。作为一个免费开源的中后台模板，它采用了最新的 Vue 3、Vite、TypeScript 等主流技术开发，开箱即用，可用于中后台前端开发，也适合学习参考。
+Vue Vben Admin 是 Vue Vben Admin 的升级版本。作为一个免费开源的中后台模板，它采用了最新的 Vue 3、Vite、TypeScript 等主流技术开发，开箱即用，可用于中后台前端开发，也适合学习参考。
 
 ## 特性
 
diff --git a/apps/backend-mock/README.md b/apps/backend-mock/README.md
index 8cf085a8..e5892b66 100644
--- a/apps/backend-mock/README.md
+++ b/apps/backend-mock/README.md
@@ -2,7 +2,7 @@
 
 ## Description
 
-Vben Admin Pro 数据 mock 服务，没有对接任何的数据库，所有数据都是模拟的，用于前端开发时提供数据支持。由于 sqlite 安装需要在本地进行编译，所以这里接口是直接返回的。线上环境不再提供mock集成，可自行部署服务或者对接真实数据，同步 mock.js等工具有一些限制，比如上传文件不行、无法模拟复杂的逻辑等，所以这里使用了 真是的后端服务来实现。唯一麻烦的是本地需要同时启动后端服务和前端服务，但是这样可以更好的模拟真实环境。
+Vben Admin 数据 mock 服务，没有对接任何的数据库，所有数据都是模拟的，用于前端开发时提供数据支持。由于 sqlite 安装需要在本地进行编译，所以这里接口是直接返回的。线上环境不再提供mock集成，可自行部署服务或者对接真实数据，同步 mock.js等工具有一些限制，比如上传文件不行、无法模拟复杂的逻辑等，所以这里使用了 真是的后端服务来实现。唯一麻烦的是本地需要同时启动后端服务和前端服务，但是这样可以更好的模拟真实环境。
 
 ## Running the app
 
diff --git a/apps/web-antd/.env b/apps/web-antd/.env
index 68db0762..5a7032d4 100644
--- a/apps/web-antd/.env
+++ b/apps/web-antd/.env
@@ -1,6 +1,6 @@
 VITE_PORT = 5555
 
 # spa-title
-VITE_GLOB_APP_TITLE = Vben Admin Pro
+VITE_GLOB_APP_TITLE = Vben Admin
 
 VITE_APP_NAMESPACE = web-antd
diff --git a/apps/web-antd/index.html b/apps/web-antd/index.html
index aa35c9b8..64c4ff88 100644
--- a/apps/web-antd/index.html
+++ b/apps/web-antd/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <meta name="renderer" content="webkit" />
     <meta name="description" content="A Modern Back-end Management System" />
-    <meta name="keywords" content="Vben Admin Pro Vue3 Vite" />
+    <meta name="keywords" content="Vben Admin Vue3 Vite" />
     <meta name="author" content="Vben" />
     <meta
       name="viewport"
diff --git a/internal/vite-config/src/options.ts b/internal/vite-config/src/options.ts
index acffede5..2841c5ca 100644
--- a/internal/vite-config/src/options.ts
+++ b/internal/vite-config/src/options.ts
@@ -7,7 +7,7 @@ const isDevelopment = process.env.NODE_ENV === 'development';
 const getDefaultPwaOptions = (name: string): Partial<PwaPluginOptions> => ({
   manifest: {
     description:
-      'Vben Admin Pro is a modern admin dashboard template based on Vue 3. ',
+      'Vue Vben Admin is a modern admin dashboard template based on Vue 3. ',
     icons: [
       {
         sizes: '192x192',
diff --git a/internal/vite-config/src/plugins/license.ts b/internal/vite-config/src/plugins/license.ts
index 5be9b2e0..87544def 100644
--- a/internal/vite-config/src/plugins/license.ts
+++ b/internal/vite-config/src/plugins/license.ts
@@ -30,7 +30,7 @@ async function viteLicensePlugin(
       handler: (_options: NormalizedOutputOptions, bundle: OutputBundle) => {
         const date = dateUtil().format('YYYY-MM-DD ');
         const copyrightText = `/*!
-  * Vben Admin Pro
+  * Vue Vben Admin
   * Version: ${version}
   * Author: vben
   * Copyright (C) 2024 Vben
diff --git a/internal/vite-config/src/utils/env.ts b/internal/vite-config/src/utils/env.ts
index 52880ef3..a8bd0589 100644
--- a/internal/vite-config/src/utils/env.ts
+++ b/internal/vite-config/src/utils/env.ts
@@ -65,7 +65,7 @@ async function loadAndConvertEnv(
     .split(',')
     .filter((item) => ['brotli', 'gzip'].includes(item));
   return {
-    appTitle: envConfig?.VITE_GLOB_APP_TITLE ?? 'Vben Admin Pro',
+    appTitle: envConfig?.VITE_GLOB_APP_TITLE ?? 'Vben Admin',
     compress: !!compress,
     compressTypes: compressTypes as ('brotli' | 'gzip')[],
     port: Number(envConfig.VITE_PORT) || 5173,
diff --git a/package.json b/package.json
index 773e8723..0b70a252 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
     "monorepo",
     "turbo",
     "vben",
+    "vue vben admin",
     "vben admin pro",
     "vben pro",
     "vue",
diff --git a/packages/@core/README.md b/packages/@core/README.md
index c6298923..8eb201dc 100644
--- a/packages/@core/README.md
+++ b/packages/@core/README.md
@@ -1,3 +1,3 @@
 # @vben-core
 
-系统一些比较基础的SDK和UI组件库，该目录后续可能会迁移出去或者发布到npm，请勿将任何业务逻辑和业务包放在该目录。
+系统一些比较基础的SDK和UI组件库，该目录后续完善后，可能会迁移出去或者发布到npm，请勿将任何业务逻辑和业务包放在该目录。
diff --git a/packages/@core/forward/preferences/src/config.ts b/packages/@core/forward/preferences/src/config.ts
index 2e24471f..ed02ce48 100644
--- a/packages/@core/forward/preferences/src/config.ts
+++ b/packages/@core/forward/preferences/src/config.ts
@@ -16,7 +16,7 @@ const defaultPreferences: Preferences = {
     layout: 'sidebar-nav',
     locale: 'zh-CN',
     loginExpiredMode: 'page',
-    name: 'Vben Admin Pro',
+    name: 'Vben Admin',
   },
   breadcrumb: {
     enable: true,
@@ -26,7 +26,7 @@ const defaultPreferences: Preferences = {
     styleType: 'normal',
   },
   copyright: {
-    companyName: 'Vben Admin Pro',
+    companyName: 'Vben Admin',
     companySiteLink: 'https://www.vben.pro',
     date: '2024',
     enable: true,
diff --git a/packages/@core/ui-kit/tabs-ui/src/components/tabs-chrome/tabs.vue b/packages/@core/ui-kit/tabs-ui/src/components/tabs-chrome/tabs.vue
index 609bf0e4..e8f57083 100644
--- a/packages/@core/ui-kit/tabs-ui/src/components/tabs-chrome/tabs.vue
+++ b/packages/@core/ui-kit/tabs-ui/src/components/tabs-chrome/tabs.vue
@@ -174,7 +174,7 @@ function handleUnpinTab(tab: TabConfig) {
 
               <!-- tab-item-main -->
               <div
-                class="tabs-chrome__item-main group-[.is-active]:text-primary text-accent-foreground dark:group-[.is-active]:text-accent-foreground absolute left-0 right-0 z-[2] mx-[calc(var(--gap)*2)] my-0 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] duration-150 group-hover:pr-3"
+                class="tabs-chrome__item-main group-[.is-active]:text-primary text-accent-foreground absolute left-0 right-0 z-[2] mx-[calc(var(--gap)*2)] my-0 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] duration-150 group-hover:pr-3"
               >
                 <VbenIcon
                   v-if="showIcon"
@@ -200,6 +200,16 @@ function handleUnpinTab(tab: TabConfig) {
 </template>
 
 <style scoped>
+html.dark {
+  .tabs-chrome {
+    .is-active {
+      .tabs-chrome__item-main {
+        @apply text-accent-foreground;
+      }
+    }
+  }
+}
+
 .tabs-chrome {
   .dragging {
     .tabs-chrome__item-main {
diff --git a/packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue b/packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue
index d77771f1..7e19bb56 100644
--- a/packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue
+++ b/packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue
@@ -76,7 +76,7 @@ function handleUnpinTab(tab: TabConfig) {
             :key="tab.key"
             :class="[
               {
-                'is-active bg-background': tab.key === active,
+                'tabs-item is-active bg-background': tab.key === active,
                 dragable: !tab.affixTab,
               },
               typeWithClass.content,
@@ -113,7 +113,7 @@ function handleUnpinTab(tab: TabConfig) {
 
                 <!-- tab-item-main -->
                 <div
-                  class="group-[.is-active]:text-primary dark:group-[.is-active]:text-accent-foreground text-accent-foreground mx-3 mr-3 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] pr-3 transition-all duration-300"
+                  class="tabs-item__main group-[.is-active]:text-primary text-accent-foreground mx-3 mr-3 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] pr-3 transition-all duration-300"
                 >
                   <!-- <div
                   class="mx-3 ml-3 mr-2 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] transition-all duration-300 group-hover:mr-2 group-hover:pr-4 group-[.is-active]:pr-4"
@@ -137,3 +137,15 @@ function handleUnpinTab(tab: TabConfig) {
     </VbenScrollbar>
   </div>
 </template>
+
+<style scoped>
+html.dark {
+  .tabs-item {
+    &.is-active {
+      .tabs-item__main {
+        @apply text-accent-foreground;
+      }
+    }
+  }
+}
+</style>
diff --git a/packages/effects/README.md b/packages/effects/README.md
index 38daa469..612db8e6 100644
--- a/packages/effects/README.md
+++ b/packages/effects/README.md
@@ -2,7 +2,9 @@
 
 `effects` 目录专门用于存放与副作用相关的代码和逻辑。如果你的包具有以下特点，建议将其放置在 `effects` 目录下：
 
-- 使用状态管理框架 `pinia`，并包含处理副作用（如异步操作、API 调用）的部分。
-- 使用 `@vben-core/preferences` 处理用户偏好设置，涉及本地存储或浏览器缓存逻辑（如使用 `localStorage`）。
-- 处理导航、页面跳转等场景，需要管理路由变化的逻辑。
-- 包含与特定组件库紧密耦合或依赖大型仓库的部分。
+- **状态管理**：使用状态管理框架 `pinia`，并包含处理副作用（如异步操作、API 调用）的部分。
+- **用户偏好设置**：使用 `@vben-core/preferences` 处理用户偏好设置，涉及本地存储或浏览器缓存逻辑（如使用 `localStorage`）。
+- **导航和路由**：处理导航、页面跳转等场景，需要管理路由变化的逻辑。
+- **组件库依赖**：包含与特定组件库紧密耦合或依赖大型仓库的部分。
+
+通过将相关代码归类到 `effects` 目录，可以使项目结构更加清晰，便于维护和扩展。
diff --git a/packages/effects/common-ui/src/about/about.vue b/packages/effects/common-ui/src/about/about.vue
index 3c0e93ee..d1ec17f2 100644
--- a/packages/effects/common-ui/src/about/about.vue
+++ b/packages/effects/common-ui/src/about/about.vue
@@ -19,7 +19,7 @@ defineOptions({
 withDefaults(defineProps<Props>(), {
   description:
     '是一个现代化开箱即用的中后台解决方案，采用最新的技术栈，包括 Vue 3.0、Vite、TailwindCSS 和 TypeScript 等前沿技术，代码规范严谨，提供丰富的配置选项，旨在为中大型项目的开发提供现成的开箱即用解决方案及丰富的示例，同时，它也是学习和深入前端技术的一个极佳示例。',
-  name: 'Vben Admin Pro',
+  name: 'Vben Admin',
   title: '关于项目',
 });
 
diff --git a/packages/effects/layouts/src/basic/copyright/copyright.vue b/packages/effects/layouts/src/basic/copyright/copyright.vue
index 005e3f11..ddfaed15 100644
--- a/packages/effects/layouts/src/basic/copyright/copyright.vue
+++ b/packages/effects/layouts/src/basic/copyright/copyright.vue
@@ -12,7 +12,7 @@ defineOptions({
 });
 
 withDefaults(defineProps<Props>(), {
-  companyName: 'Vben Admin Pro',
+  companyName: 'Vben Admin',
   companySiteLink: '',
   date: '2024',
   icp: '',
diff --git a/website/.vitepress/config.mts b/website/.vitepress/config.mts
index 23afc775..6652aea7 100644
--- a/website/.vitepress/config.mts
+++ b/website/.vitepress/config.mts
@@ -1,7 +1,7 @@
 import { defineConfigWithTheme } from 'vitepress';
 
 export default defineConfigWithTheme({
-  description: 'Vben Admin Pro & 企业级管理系统框架',
+  description: 'Vue Vben Admin & 企业级管理系统框架',
   lang: 'zh-CN',
 
   locales: {
@@ -22,7 +22,7 @@ export default defineConfigWithTheme({
       text: 'Edit this page on GitHub',
     },
     footer: {
-      copyright: 'Copyright © 2024-present Vben Admin Pro',
+      copyright: 'Copyright © 2024-present Vben Admin',
     },
     i18nRouting: true,
     logo: 'https://cdn.jsdelivr.net/npm/@vbenjs/static-source@0.1.3/source/logo-v1.webp',
@@ -39,7 +39,7 @@ export default defineConfigWithTheme({
         ],
       },
     ],
-    siteTitle: 'Vben Admin Pro',
+    siteTitle: 'Vben Admin',
     socialLinks: [
       { icon: 'github', link: 'https://github.com/vbenjs/vue-vben-admin' },
     ],
diff --git a/website/src/en/index.md b/website/src/en/index.md
index 7abe87d0..32002a5c 100644
--- a/website/src/en/index.md
+++ b/website/src/en/index.md
@@ -4,12 +4,12 @@ layout: home
 sidebar: false
 
 hero:
-  name: 'Vben Admin Pro'
+  name: 'Vben Admin'
   text: '企业级管理系统框架 - EN'
   tagline: 开箱即用，简单高效
   image:
     src: https://cdn.jsdelivr.net/npm/@vbenjs/static-source@0.1.3/source/logo-v1.webp
-    alt: Vben Admin Pro
+    alt: Vue Vben Admin
   actions:
     - theme: brand
       text: 开始
diff --git a/website/src/index.md b/website/src/index.md
index 94373986..41e09a1a 100644
--- a/website/src/index.md
+++ b/website/src/index.md
@@ -4,12 +4,12 @@ layout: home
 sidebar: false
 
 hero:
-  name: 'Vben Admin Pro'
+  name: 'Vben Admin'
   text: '企业级管理系统框架'
   tagline: 开箱即用，简单高效
   image:
     src: https://cdn.jsdelivr.net/npm/@vbenjs/static-source@0.1.3/source/logo-v1.webp
-    alt: Vben Admin Pro
+    alt: Vben Admin
   actions:
     - theme: brand
       text: 开始