⚡ async load TableEditor (Monaco Editor)

anucvml · Feb 27, 2022 · 873e000 · 873e000
1 parent 22b469e
commit 873e000
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/pages/configuration/components/TableBase.vue b/src/pages/configuration/components/TableBase.vue
@@ -129,11 +129,12 @@
 
 <script setup>
 import { storeToRefs } from 'pinia'
-import { computed, ref } from 'vue'
+import { computed, defineAsyncComponent, ref } from 'vue'
 import ZoomImage from '~/components/ZoomImage.vue'
-import TableEditor from '~/pages/configuration/components/TableEditor.vue'
 import { useConfigurationStore } from '~/store/configuration.js'
 
+const TableEditor = defineAsyncComponent(() => import('~/pages/configuration/components/TableEditor.vue'))
+
 const props = defineProps({
   title: {
     required: true,

diff --git a/src/router/index.js b/src/router/index.js
@@ -37,7 +37,7 @@ const router = createRouter({
 })
 
 router.beforeEach((to, from) => {
-  if (to.path === from.path || Object.keys(to.query).length) return true
+  if (to.path === from.path || Object.keys(to.query).length || !Object.keys(from.query).length) return true
   return { ...to, query: from.query }
 })