fix(NgxConfigEditor): handle config name change #1093

app/src/components/NgxConfigEditor/NgxServer.vue

@@ -19,7 +19,7 @@ const name = computed(() => route.params.name) as ComputedRef<string>
 const router = useRouter()
 
 const serversLength = computed(() => {
-  return ngxConfig.value.servers.length
+  return ngxConfig.value.servers?.length ?? 0
 })
 
 watch(serversLength, () => {

app/src/views/site/site_edit/components/ConfigName/ConfigName.vue

@@ -12,9 +12,9 @@ const modify = ref(false)
 const buffer = ref('')
 const loading = ref(false)
 
-onMounted(() => {
-  buffer.value = props.name
-})
+watch(() => props.name, v => {
+  buffer.value = v
+}, { immediate: true })
 
 function clickModify() {
   modify.value = true
@@ -22,7 +22,7 @@ function clickModify() {
 
 function save() {
   loading.value = true
-  site.rename(props.name, buffer.value).then(() => {
+  site.rename(props.name, buffer.value).then(async () => {
     modify.value = false
     message.success($gettext('Renamed successfully'))
     router.push({