From 8f150aaeb921cb72bc9c64208db9cf6ec9d61e9f Mon Sep 17 00:00:00 2001
From: Nelson Chan <chakflying@hotmail.com>
Date: Thu, 12 Aug 2021 00:47:58 +0800
Subject: [PATCH] Feat: Use Async Component

---
 src/pages/Details.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/Details.vue b/src/pages/Details.vue
index a0c6afb5..7d6b4c57 100644
--- a/src/pages/Details.vue
+++ b/src/pages/Details.vue
@@ -167,6 +167,7 @@
 </template>
 
 <script>
+import { defineAsyncComponent } from "vue";
 import { useToast } from "vue-toastification"
 const toast = useToast()
 import Confirm from "../components/Confirm.vue";
@@ -176,7 +177,7 @@ import Datetime from "../components/Datetime.vue";
 import CountUp from "../components/CountUp.vue";
 import Uptime from "../components/Uptime.vue";
 import Pagination from "v-pagination-3";
-import PingChart from "../components/PingChart.vue";
+const PingChart = defineAsyncComponent(() => import("../components/PingChart.vue"));
 
 export default {
     components: {