From 22a823caba33a74d2d038c2bdce40fb67ad728ed Mon Sep 17 00:00:00 2001
From: Frost-ZX <30585462+Frost-ZX@users.noreply.github.com>
Date: Thu, 17 Mar 2022 12:08:31 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E5=91=BD=E5=90=8D=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/routes.js                         | 34 ++++++++++++++------
 src/views/{About.vue => AboutView.vue}       |  0
 src/views/{Home.vue => HomeView.vue}         |  0
 src/views/{Settings.vue => SettingsView.vue} |  0
 src/views/{Tools.vue => ToolsView.vue}       |  0
 5 files changed, 25 insertions(+), 9 deletions(-)
 rename src/views/{About.vue => AboutView.vue} (100%)
 rename src/views/{Home.vue => HomeView.vue} (100%)
 rename src/views/{Settings.vue => SettingsView.vue} (100%)
 rename src/views/{Tools.vue => ToolsView.vue} (100%)

diff --git a/src/router/routes.js b/src/router/routes.js
index 3debd20..308a673 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -1,42 +1,58 @@
+/** @type { import('vue-router').RouteConfig[] } */
 const routes = [
     {
-        name: 'Home',
         path: '/',
+        name: 'Home',
         meta: {
             loadingBar: true
         },
-        component: (resolve) => require(['@/views/Home.vue'], resolve)
+        component: () => import(
+            /* webpackChunkName: 'home-view' */
+            '@/views/HomeView.vue'
+        )
     },
     {
-        name: 'Tools',
         path: '/tools',
+        name: 'Tools',
         meta: {
             loadingBar: true
         },
-        component: (resolve) => require(['@/views/Tools.vue'], resolve),
+        component: () => import(
+            /* webpackChunkName: 'tools-view' */
+            '@/views/ToolsView.vue'
+        ),
         children: [
             {
                 path: '/tools/:category/:name',
                 name: 'ToolsDetail',
-                component: (resolve) => require(['@/views/ToolsDetail.vue'], resolve)
+                component: () => import(
+                    /* webpackChunkName: 'tools-detail' */
+                    '@/views/ToolsDetail.vue'
+                )
             }
         ]
     },
     {
-        name: 'Settings',
         path: '/settings',
+        name: 'Settings',
         meta: {
             loadingBar: true
         },
-        component: (resolve) => require(['@/views/Settings.vue'], resolve)
+        component: () => import(
+            /* webpackChunkName: 'settings-view' */
+            '@/views/SettingsView.vue'
+        )
     },
     {
-        name: 'About',
         path: '/about',
+        name: 'About',
         meta: {
             loadingBar: true
         },
-        component: (resolve) => require(['@/views/About.vue'], resolve)
+        component: () => import(
+            /* webpackChunkName: 'about-view' */
+            '@/views/AboutView.vue'
+        )
     }
 ];
 
diff --git a/src/views/About.vue b/src/views/AboutView.vue
similarity index 100%
rename from src/views/About.vue
rename to src/views/AboutView.vue
diff --git a/src/views/Home.vue b/src/views/HomeView.vue
similarity index 100%
rename from src/views/Home.vue
rename to src/views/HomeView.vue
diff --git a/src/views/Settings.vue b/src/views/SettingsView.vue
similarity index 100%
rename from src/views/Settings.vue
rename to src/views/SettingsView.vue
diff --git a/src/views/Tools.vue b/src/views/ToolsView.vue
similarity index 100%
rename from src/views/Tools.vue
rename to src/views/ToolsView.vue