f

src/views/Chat/Chat.vue

@@ -24,33 +24,26 @@
 <script lang="ts">
 /* eslint-disable */
 import NavBar from "@/components/NavBar/index.vue";
-import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch } from "vue";
-import ChatContentVue from "./ChatContent.vue";
-import ChatInputVue from "./ChatInput.vue";
+import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch , defineAsyncComponent} from "vue";
 import { connectionState } from "@/store/connectionStore";
 import { privateKey, publicKey, target } from "@/store/appCallerStore";
 import { token, from, orderid } from "@/store/appCallerStore";
-import { generateToken } from "@/utils/generateToken/generate-token";
-import ChatOption from "@/components/ChatOptions/index.vue";
-import ServiceRating from "@/components/ServiceRating/index.vue";
-import CommonUseSentence from "@/components/CommonUseSentence/index.vue"
-import { textInputStore } from "@/store/textInputStore";
 import { messageStore } from "@/store/messagesStore";
 import ChatMessageDB from "@/db/ChatMessageDB";
 import { chatCardTimeStamp } from "@/store/chatCardStore";
 import ChatListCardDB from "@/db/ChatListCardDB";
 import { v4 as uuidv4 } from 'uuid'
 import { ChatMessageTypes } from "@/types/chatMessageTypes";
-import { fffList } from "@/store/test";
+
 
 export default defineComponent({
   components: {
-    ChatContentVue,
-    ChatInputVue,
+    ChatContentVue:  defineAsyncComponent(()=>import(/* webpackChunkName: 'ChatContentVue' */"./ChatContent.vue")),
+    ChatInputVue: defineAsyncComponent(()=>import(/* webpackChunkName: 'ChatInputVue' */"./ChatInput.vue")),
     NavBar,
-    ServiceRating,
-    ChatOption,
-    CommonUseSentence
+    ServiceRating: defineAsyncComponent(()=>import(/* webpackChunkName: 'serviceRating' */ "@/components/ServiceRating/index.vue")),
+    ChatOption: defineAsyncComponent(()=>import(/* webpackChunkName: 'ChatOption' */"@/components/ChatOptions/index.vue")),
+    CommonUseSentence: defineAsyncComponent(()=>import(/* webpackChunkName: 'CommonUseSentence' */"@/components/CommonUseSentence/index.vue"))
   },
 
   setup() {

vue.config.js

+module.exports = {
+    configureWebpack: {
+
+    }
+}
\ No newline at end of file