From 6d8fda1f4f2a280d58df2f8a194f4b6ee004adb8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98chen=2Ehome=E2=80=99?= <1147347984@qq.com>
Date: Sat, 6 Aug 2022 17:49:26 +0800
Subject: [PATCH] =?UTF-8?q?perf(projects):=20=E5=8A=A0naiveUI=E6=9C=AC?=
 =?UTF-8?q?=E5=9C=B0=E5=8C=96=E3=80=81=E8=87=AA=E5=8A=A8=E5=AF=BC=E5=85=A5?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintrc.js              |  1 +
 .gitignore                |  2 +-
 build/plugins/index.ts    |  3 ++-
 build/plugins/unplugin.ts |  9 +++++++++
 package.json              |  1 +
 src/App.vue               | 21 +++++++++++++++++++--
 src/router/guard/index.ts | 10 ++--------
 src/views/test/test1.vue  | 14 ++++++++++----
 vite.config.ts            |  2 +-
 9 files changed, 46 insertions(+), 17 deletions(-)
 create mode 100644 build/plugins/unplugin.ts

diff --git a/.eslintrc.js b/.eslintrc.js
index f99d072..29400dc 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
   rules: {
     // TSESLint docs https://typescript-eslint.io/rules/
     'no-var': 'error', // 禁止使用var
+    'no-unused-vars': 'off', // 允许声明不使用的值
     'no-console': 'warn', // 禁止出现console
     'no-debugger': 'off', // 关闭debugger警告
     'vue/multi-word-component-names': 0, // 关闭文件名多单词
diff --git a/.gitignore b/.gitignore
index 882137c..d89c92c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -28,4 +28,4 @@ stats.html
 pnpm-lock.yaml
 package-lock.json
 yarn.lock
-
+/src/types/components.d.ts
diff --git a/build/plugins/index.ts b/build/plugins/index.ts
index 723b35b..a93ef4a 100644
--- a/build/plugins/index.ts
+++ b/build/plugins/index.ts
@@ -3,6 +3,7 @@ import compress from './compress';
 import html from './html';
 import unocss from './unocss';
 import visualizer from './visualizer';
+import unplugin from './unplugin';
 
 /**
  * @description: 设置vite插件配置
@@ -10,7 +11,7 @@ import visualizer from './visualizer';
  * @return {*}
  */
 export function setVitePlugins(env) {
-  const plugins = [...vue, html(env), unocss];
+  const plugins = [...vue, html(env), unocss, ...unplugin];
   // 是否压缩
   if (env.VITE_COMPRESS_OPEN === 'Y') {
     plugins.push(compress(env));
diff --git a/build/plugins/unplugin.ts b/build/plugins/unplugin.ts
new file mode 100644
index 0000000..032b7bd
--- /dev/null
+++ b/build/plugins/unplugin.ts
@@ -0,0 +1,9 @@
+import Components from 'unplugin-vue-components/vite';
+import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
+
+export default [
+  Components({
+    dts: 'src/types/components.d.ts',
+    resolvers: [NaiveUiResolver()],
+  }),
+];
diff --git a/package.json b/package.json
index 54b81fd..1c93eb5 100644
--- a/package.json
+++ b/package.json
@@ -53,6 +53,7 @@
     "rollup-plugin-visualizer": "^5.7.1",
     "typescript": "^4.6.4",
     "unocss": "^0.45.5",
+    "unplugin-vue-components": "^0.22.0",
     "vite": "^3.0.0",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-html": "^3.2.0",
diff --git a/src/App.vue b/src/App.vue
index 8664306..d5a9ab8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,24 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+// import { darkTheme } from 'naive-ui';
+import { zhCN, dateZhCN, GlobalThemeOverrides } from 'naive-ui';
+
+const locale = zhCN;
+const dateLocale = dateZhCN;
+
+const themeOverrides: GlobalThemeOverrides = {
+  common: {
+    primaryColor: '#316C72FF',
+    primaryColorHover: '#316C72E3',
+    primaryColorPressed: '#2B4C59FF',
+    primaryColorSuppl: '#316C7263',
+  },
+};
+</script>
 
 <template>
-  <router-view />
+  <n-config-provider :theme="null" :locale="locale" :date-locale="dateLocale" :theme-overrides="themeOverrides">
+    <router-view />
+  </n-config-provider>
 </template>
 
 <style scoped></style>
diff --git a/src/router/guard/index.ts b/src/router/guard/index.ts
index 2f74a63..87b8184 100644
--- a/src/router/guard/index.ts
+++ b/src/router/guard/index.ts
@@ -1,14 +1,8 @@
 import type { Router } from 'vue-router';
 
 export function setupRouterGuard(router: Router) {
-  router.beforeEach((to, from, next) => {
-    // console.log('%c [to]-24', 'font-size:13px; background:pink; color:#bf2c9f;', to);
+  router.beforeEach((_to, _from, next) => {
     next();
   });
-  router.afterEach((to) => {
-    // 设置document title
-    // useTitle(to.meta.title);
-    // 结束 loadingBar
-    // window.$loadingBar?.finish();
-  });
+  // router.afterEach((_to) => {});
 }
diff --git a/src/views/test/test1.vue b/src/views/test/test1.vue
index 977a247..c8b1cd1 100644
--- a/src/views/test/test1.vue
+++ b/src/views/test/test1.vue
@@ -1,10 +1,16 @@
 <template>
   <div text-center c-blue>I prove that you have made the jump test1.</div>
+  <n-space m-50>
+    <n-button>Default</n-button>
+    <n-button type="tertiary">Tertiary</n-button>
+    <n-button type="primary">Primary</n-button>
+    <n-button type="info">Info</n-button>
+    <n-button type="success">Success</n-button>
+    <n-button type="warning">Warning</n-button>
+    <n-button type="error">Error</n-button>
+  </n-space>
 </template>
 
-<script setup lang="ts">
-import { useRouter } from 'vue-router';
-const router = useRouter();
-</script>
+<script setup lang="ts"></script>
 
 <style scoped></style>
diff --git a/vite.config.ts b/vite.config.ts
index 291af5a..fe723b8 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -4,7 +4,7 @@ import { resolve } from 'path';
 
 // 当前执行node命令时文件夹的地址（工作目录）
 const rootPath: string = resolve(process.cwd());
-const srcPath: string = `${rootPath}/src`;
+const srcPath = `${rootPath}/src`;
 
 // https://vitejs.dev/config/
 export default defineConfig(({ command, mode }: ConfigEnv) => {