From c976664f4e4791a860e4cee798bc1b911f741c2c Mon Sep 17 00:00:00 2001
From: Dream Hunter <dreamhunter2333@gmail.com>
Date: Thu, 23 May 2024 12:23:43 +0800
Subject: [PATCH] feat: UI: lazy load (#266)

---
 frontend/package.json        | 2 +-
 frontend/src/router/index.js | 6 ++----
 frontend/src/views/Index.vue | 3 ++-
 frontend/vite.config.js      | 9 ---------
 worker/src/constants.ts      | 2 +-
 5 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index a09b8d15..799439bf 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cloudflare_temp_email",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index 5e8a9ebe..ae7895b1 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -1,8 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import Index from '../views/Index.vue'
 import User from '../views/User.vue'
-import Admin from '../views/Admin.vue'
-import TelegramMail from '../views/telegram/Mail.vue'
 
 const router = createRouter({
     history: createWebHistory(),
@@ -17,11 +15,11 @@ const router = createRouter({
         },
         {
             path: '/admin',
-            component: Admin
+            component: () => import('../views/Admin.vue')
         },
         {
             path: '/telegram_mail',
-            component: TelegramMail
+            component: () => import('../views/telegram/Mail.vue')
         },
     ]
 })
diff --git a/frontend/src/views/Index.vue b/frontend/src/views/Index.vue
index 877473f5..500202a5 100644
--- a/frontend/src/views/Index.vue
+++ b/frontend/src/views/Index.vue
@@ -1,4 +1,5 @@
 <script setup>
+import { defineAsyncComponent } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import { useGlobalState } from '../store'
@@ -8,11 +9,11 @@ import AddressBar from './index/AddressBar.vue';
 import MailBox from '../components/MailBox.vue';
 import SendBox from '../components/SendBox.vue';
 import AutoReply from './index/AutoReply.vue';
-import SendMail from './index/SendMail.vue';
 import AccountSettings from './index/AccountSettings.vue';
 import WenHook from './index/Webhook.vue';
 import About from './common/About.vue';
 
+const SendMail = defineAsyncComponent(() => import('./index/SendMail.vue'));
 const { localeCache, settings, openSettings, indexTab, globalTabplacement } = useGlobalState()
 
 const { t } = useI18n({
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 442a6561..60716804 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -13,15 +13,6 @@ import topLevelAwait from "vite-plugin-top-level-await";
 export default defineConfig({
   build: {
     outDir: './dist',
-    rollupOptions: {
-      output: {
-        manualChunks(id) {
-          if (id.includes('wangeditor')) {
-            return 'vendor-wangeditor';
-          }
-        }
-      }
-    }
   },
   plugins: [
     vue(),
diff --git a/worker/src/constants.ts b/worker/src/constants.ts
index cdb2e635..b0edfe87 100644
--- a/worker/src/constants.ts
+++ b/worker/src/constants.ts
@@ -1,5 +1,5 @@
 export const CONSTANTS = {
-    VERSION: 'v0.4.4',
+    VERSION: 'v0.4.5',
 
     // DB settings
     ADDRESS_BLOCK_LIST_KEY: 'address_block_list',