From a295ca21664f91b82b594a32307947880eabc75b Mon Sep 17 00:00:00 2001
From: Xou <1192158284@qq.com>
Date: Sun, 28 Apr 2024 09:22:34 +0800
Subject: [PATCH] fix:typo

---
 src/router/guard.ts                              |  4 ++--
 src/router/routes.static.ts                      |  2 +-
 src/service/api/test.ts                          |  6 +++---
 src/typings/route.d.ts                           |  2 +-
 src/views/demo/QRCode/index.vue                  |  2 +-
 src/views/demo/fetch/components/Get.vue          |  4 ++--
 src/views/demo/fetch/components/UseRequest.vue   |  8 ++++----
 src/views/plugin/fetch/index.vue                 | 10 +++++-----
 src/views/setting/menu/components/TableModal.vue |  8 ++++----
 9 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/router/guard.ts b/src/router/guard.ts
index 9314fca..30cfcb4 100644
--- a/src/router/guard.ts
+++ b/src/router/guard.ts
@@ -11,8 +11,8 @@ export function setupRouterGuard(router: Router) {
 
   router.beforeEach(async (to, from, next) => {
     // 判断是否是外链，如果是直接打开网页并拦截跳转
-    if (to.meta.herf) {
-      window.open(to.meta.herf)
+    if (to.meta.href) {
+      window.open(to.meta.href)
       return false
     }
     // 开始 loadingBar
diff --git a/src/router/routes.static.ts b/src/router/routes.static.ts
index b406b5f..2aaca6d 100644
--- a/src/router/routes.static.ts
+++ b/src/router/routes.static.ts
@@ -260,7 +260,7 @@ export const staticRoutes: AppRoute.RowRoute[] = [
     'meta.title': 'VueUse（外链）',
     'meta.requiresAuth': true,
     'meta.icon': 'logos:vueuse',
-    'meta.herf': 'https://vueuse.org/guide/',
+    'meta.href': 'https://vueuse.org/guide/',
     'componentPath': 'null',
     'id': 27,
     'pid': 24,
diff --git a/src/service/api/test.ts b/src/service/api/test.ts
index c224885..0d76658 100644
--- a/src/service/api/test.ts
+++ b/src/service/api/test.ts
@@ -1,7 +1,7 @@
 import { blankInstance, request } from '../http'
 
 /* get方法测试 */
-export function fetachGet(params?: any) {
+export function fetchGet(params?: any) {
   return request.Get('/getAPI', { params })
 }
 
@@ -53,7 +53,7 @@ export function dictData() {
 export function getBlob(url: string) {
   const methodInstance = blankInstance.Get<Blob>(url)
   methodInstance.meta = {
-    // 标识为bolb数据
+    // 标识为blob数据
     isBlob: true,
   }
   return methodInstance
@@ -66,7 +66,7 @@ export function downloadFile(url: string) {
     enableDownload: true,
   })
   methodInstance.meta = {
-    // 标识为bolb数据
+    // 标识为blob数据
     isBlob: true,
   }
   return methodInstance
diff --git a/src/typings/route.d.ts b/src/typings/route.d.ts
index 76cdec0..bc45bf1 100644
--- a/src/typings/route.d.ts
+++ b/src/typings/route.d.ts
@@ -18,7 +18,7 @@ declare namespace AppRoute {
     /* 菜单排序。 */
     order?: number
     /* 嵌套外链  */
-    herf?: string
+    href?: string
     /** 当前路由不在左侧菜单显示，但需要高亮某个菜单的情况 */
     activeMenu?: string
     /** 当前路由是否会被添加到Tab中 */
diff --git a/src/views/demo/QRCode/index.vue b/src/views/demo/QRCode/index.vue
index c78d1f4..16a19a3 100644
--- a/src/views/demo/QRCode/index.vue
+++ b/src/views/demo/QRCode/index.vue
@@ -5,7 +5,7 @@ const text = ref('nova-admin')
 <template>
   <n-card title="二维码">
     <n-alert :show-icon="false" type="info">
-      使用navieUI - QR Code 实现
+      使用naiveUI - QR Code 实现
     </n-alert>
     <n-qr-code :value="text" />
     <n-input v-model:value="text" :maxlength="60" type="text" />
diff --git a/src/views/demo/fetch/components/Get.vue b/src/views/demo/fetch/components/Get.vue
index 3294639..0ae8ea2 100644
--- a/src/views/demo/fetch/components/Get.vue
+++ b/src/views/demo/fetch/components/Get.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import {
-  fetachGet,
+  fetchGet,
 } from '@/service'
 
 const emit = defineEmits<{
@@ -8,7 +8,7 @@ const emit = defineEmits<{
 }>()
 
 async function pinterEnv() {
-  const res = await fetachGet({ a: 112211, b: false })
+  const res = await fetchGet({ a: 112211, b: false })
   emit('update', res)
 }
 </script>
diff --git a/src/views/demo/fetch/components/UseRequest.vue b/src/views/demo/fetch/components/UseRequest.vue
index 3f8035d..f85dcee 100644
--- a/src/views/demo/fetch/components/UseRequest.vue
+++ b/src/views/demo/fetch/components/UseRequest.vue
@@ -1,21 +1,21 @@
 <script setup lang="ts">
 import { useRequest } from 'alova'
 import {
-  fetachGet,
+  fetchGet,
 } from '@/service'
 
 const emit = defineEmits<{
   update: [data: any] // 具名元组语法
 }>()
 
-const { data: fetachGetData, send: sendFetachGet } = useRequest(fetachGet({ a: 112211 }), {
+const { data: fetchGetData, send: sendFetchGet } = useRequest(fetchGet({ a: 112211 }), {
   // 当immediate为false时，默认不发出
   immediate: false,
 })
 
 async function handleRequestHook() {
-  await sendFetachGet()
-  emit('update', fetachGetData.value)
+  await sendFetchGet()
+  emit('update', fetchGetData.value)
 }
 </script>
 
diff --git a/src/views/plugin/fetch/index.vue b/src/views/plugin/fetch/index.vue
index 7a9ce57..eb01d36 100644
--- a/src/views/plugin/fetch/index.vue
+++ b/src/views/plugin/fetch/index.vue
@@ -7,9 +7,9 @@ import {
   dictData,
   downloadFile,
   expiredTokenRequest,
-  fetachGet,
   fetchDelete,
   fetchFormPost,
+  fetchGet,
   fetchPost,
   fetchPut,
   fetchUpdateToken,
@@ -18,20 +18,20 @@ import {
 } from '@/service'
 
 const msg = ref()
-const { data: fetachGetData, send: sendFetachGet } = useRequest(fetachGet({ a: 112211 }), {
+const { data: fetchGetData, send: sendFetchGet } = useRequest(fetchGet({ a: 112211 }), {
   // 当immediate为false时，默认不发出
   immediate: false,
 })
 
 function handleRequestHook() {
-  sendFetachGet()
-  msg.value = fetachGetData.value
+  sendFetchGet()
+  msg.value = fetchGetData.value
 }
 function pinterEnv() {
   msg.value = import.meta.env
 }
 async function get() {
-  const res = await fetachGet({ a: 112211, b: false })
+  const res = await fetchGet({ a: 112211, b: false })
   msg.value = res
 }
 function delete2() {
diff --git a/src/views/setting/menu/components/TableModal.vue b/src/views/setting/menu/components/TableModal.vue
index 00ac4b5..14f513d 100644
--- a/src/views/setting/menu/components/TableModal.vue
+++ b/src/views/setting/menu/components/TableModal.vue
@@ -32,7 +32,7 @@ const defaultFormModal: AppRoute.RowRoute = {
   'meta.keepAlive': false,
   'meta.hide': false,
   'meta.order': undefined,
-  'meta.herf': undefined,
+  'meta.href': undefined,
   'meta.activeMenu': undefined,
   'meta.withoutTab': true,
   'meta.pinTab': false,
@@ -160,7 +160,7 @@ const rules = {
     message: '请输入菜单标题',
     trigger: 'blur',
   },
-  'meta.herf': {
+  'meta.href': {
     validator(rule: FormItemRule, value: string) {
       if (!new RegExp(Regex.Url).test(value))
         return new Error('请输入正确的URL地址')
@@ -244,12 +244,12 @@ const options = [
           </template>
           <n-input-number v-model:value="formModel['meta.order']" />
         </n-form-item-grid-item>
-        <n-form-item-grid-item v-if="formModel['meta.menuType'] === 'page'" :span="1" path="meta.herf">
+        <n-form-item-grid-item v-if="formModel['meta.menuType'] === 'page'" :span="1" path="meta.href">
           <template #label>
             外链页面
             <HelpInfo message="填写后，点击菜单将跳转到该地址，组件路径任意填写" />
           </template>
-          <n-input v-model:value="formModel['meta.herf']" placeholder="Eg: https://example.com" />
+          <n-input v-model:value="formModel['meta.href']" placeholder="Eg: https://example.com" />
         </n-form-item-grid-item>
         <n-form-item-grid-item :span="1" label="登录访问" path="meta.requiresAuth">
           <n-switch v-model:value="formModel['meta.requiresAuth']" />