                    <option v-if="zones.dnsZones === null" disabled :value="null">fetch error</option>
                            <option v-else-if="!zones.dnsZones.length" disabled :value="null">not found</option>
                            <option v-else v-for="zone in zones.dnsZones" :value="zone">{{ toUnicode(zone.name) }}</option>
                          </optgroup>
                        </select>
                      </div>
                    </div>
                  </div>
                </d