chore(client): remove side effects in computed properties

vuejs · Mar 19, 2024 · 3a49f35 · 3a49f35
1 parent ed3c06e
commit 3a49f35
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 62 deletions.
diff --git a/packages/client/src/components/pages/RoutePathItem.vue b/packages/client/src/components/pages/RoutePathItem.vue
@@ -17,10 +17,13 @@ function parseExpressRoute(route: string) {
 const partsInput = ref<string[]>([])
 const parts = computed(() => {
   const _ = parseExpressRoute(props.route.path)
-  partsInput.value = Array.from({ length: _.length }, () => '')
   return _
 })
 
+watchEffect(() => {
+  partsInput.value = Array.from({ length: parts.value.length }, () => '')
+})
+
 const path = computed(() => parts.value.map((i, idx) => i[0] === ':' ? partsInput.value[idx] : i).join('').replace(/\/+/g, '/'))
 const hasWildcard = computed(() => props.route.path.includes(':'))
 

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml