feat: UI: lazy load (#266)

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudflare_temp_email",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "private": true,
   "type": "module",
   "scripts": {

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')
         },
     ]
 })

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({

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(),

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',