fix(console): fix url breaking when switch page

plugins/frontend/console/client/client.ts

@@ -90,13 +90,6 @@ export const extensions = reactive<Record<string, Context>>({})
 
 export const routes: Ref<RouteRecordNormalized[]> = ref([])
 
-export const queries = reactive({})
-
-router.afterEach(() => {
-  const { path, query } = router.currentRoute.value
-  queries[path] = query
-})
-
 interface DisposableExtension extends PageExtension {
   ctx: Context
 }

plugins/frontend/console/client/layout/sidebar-item.vue

@@ -1,5 +1,5 @@
 <template>
-  <router-link class="k-menu-item" :to="{ path: route.path, query: queries[route.path] }">
+  <router-link class="k-menu-item" :to="target">
     <k-icon :name="route.meta.icon || 'application'"/>
     {{ route.name }}
     <span class="badge" v-if="badge">{{ badge }}</span>
@@ -10,12 +10,16 @@
 
 import { computed, PropType } from 'vue'
 import { RouteRecordNormalized } from 'vue-router'
-import { queries } from '../client'
+import { routeCache } from './utils'
 
 const props = defineProps({
   route: {} as PropType<RouteRecordNormalized>,
 })
 
+const target = computed(() => {
+  return routeCache[props.route.name] || props.route.path.replace(/:.+/, '')
+})
+
 const badge = computed(() => {
   return props.route.meta.badge.reduce((prev, curr) => prev + curr(), 0)
 })

plugins/frontend/console/client/layout/utils.ts

@@ -0,0 +1,10 @@
+import { reactive } from 'vue'
+import { RouteRecordName } from 'vue-router'
+import { router } from '../client'
+
+export const routeCache = reactive<Record<RouteRecordName, string>>({})
+
+router.afterEach(() => {
+  const { name, fullPath } = router.currentRoute.value
+  routeCache[name] = fullPath
+})

plugins/frontend/manager/client/settings/index.vue

@@ -15,7 +15,7 @@ import PluginSelect from './select.vue'
 import PluginSettings from './settings.vue'
 
 function join(source: string | string[]) {
-  return Array.isArray(source) ? source.join('/') : source
+  return Array.isArray(source) ? source.join('/') : source || ''
 }
 
 const route = useRoute()