chore(client): remove side effects in computed properties

Author: webfansplz

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(':'))