Repository: louislam/uptime-kuma
File: src/pages/EditMonitor.vue (Vue)

Code before:
                                <input id="gamedig-guess-port" v-model="monitor.gamedigGivenPortOnly" :true-value="false" :false-value="true" class="form-check-input" type="checkbox">
                                <label class="form-check-label" for="gamedig-guess-port">
                                    {{ $t("gamedigGuessPort") }}
                                </label>
                                <div class="form-text">
                                    {{ $t("gamedigGuessPortDescription") }}
                                </div>
                            </div>

                            <!-- Max Packets / Count -->
                            <div v-if="monitor.type === 'ping'" class="my-3">
                                <label for="ping-count" class="form-label">{{ $t("Max Packets") }}</label>
                                <input id="ping-count" v-model="monitor.ping_count" type="number" class="form-control" required :min="ping_count_min" :max="ping_count_max" step="1">
                                <div class="form-text">
                                    {{ $t("Number of packets to send before stopping") }}
                                </div>
                            </div>

                            <!-- Numeric Output -->
                            <div v-if="monitor.type === 'ping'" class="my-3 form-check">
                                <input id="ping_numeric" v-model="monitor.ping_numeric" type="checkbox" class="form-check-input" :checked="monitor.ping_numeric">
                                <label class="form-check-label" for="ping_numeric">
                                    {{ $t("Numeric Output") }}
                                </label>
                                <div class="form-text">
                                    {{ $t("If checked, IP addresses will be output instead of symbolic hostnames") }}
                                </div>
                            </div>

                            <!-- Packet size -->
                            <div v-if="monitor.type === 'ping'" class="my-3">
                                <label for="packet-size" class="form-label">{{ $t("Packet Size") }}</label>
                                <input id="packet-size" v-model="monitor.packetSize" type="number" class="form-control" required :min="packetSize_min" :max="packetSize_max" step="1">
                            </div>

                            <!-- Max Duration / Deadline -->
                            <div v-if="monitor.type === 'ping'" class="my-3">
                                <label for="ping_deadline" class="form-label">{{ $t("Max Duration") }}</label>
                                <input id="ping_deadline" v-model="monitor.ping_deadline" type="number" class="form-control" required :min="ping_deadline_min" :max="ping_deadline_max" step="1">
                                <div class="form-text">
                                    {{ $t("Total time in seconds before ping stops, regardless of packets sent") }}
                                </div>
                            </div>

                            <!-- Response Timeout -->
                            <div v-if="monitor.type === 'ping'" class="my-3">
                                <label for="ping_timeout" class="form-label">{{ $t("Response Timeout") }}</label>
                                <input id="ping_timeout" v-model="monitor.ping_timeout" type="number" class="form-control" required :min="ping_timeout_min" :max="ping_timeout_max" step="1">
                                <div class="form-text">
                                    {{ $t("Maximum time in seconds to wait for each response") }}
                                </div>

Review comment (suggestion):
please make sure that all translations are added to `en.json`.
Otherwise they are not avaliable to our translators

Code after:
                                        <code>uptime_kuma_cachebuster</code>
                                    </i18n-t>
                                </label>
                                <div class="form-text">
                                    {{ $t("cacheBusterParamDescription") }}
                                </div>
                            </div>

                            <div class="my-3 form-check">
                                <input id="upside-down" v-model="monitor.upsideDown" class="form-check-input" type="checkbox">
                                <label class="form-check-label" for="upside-down">
                                    {{ $t("Upside Down Mode") }}
                                </label>
                                <div class="form-text">
                                    {{ $t("upsideDownModeDescription") }}
                                </div>
                            </div>

                            <div v-if="monitor.type === 'gamedig'" class="my-3 form-check">
                                <input id="gamedig-guess-port" v-model="monitor.gamedigGivenPortOnly" :true-value="false" :false-value="true" class="form-check-input" type="checkbox">
                                <label class="form-check-label" for="gamedig-guess-port">
                                    {{ $t("gamedigGuessPort") }}
                                </label>
                                <div class="form-text">
                                    {{ $t("gamedigGuessPortDescription") }}
                                </div>
                            </div>

                            <!-- Max Packets / Count -->
                            <div v-if="monitor.type === 'ping'" class="my-3">
                                <label for="ping-count" class="form-label">{{ $t("pingCountLabel") }}</label>
                                <input id="ping-count" v-model="monitor.ping_count" type="number" class="form-control" required min="1" max="100" step="1">
                                <div class="form-text">
                                    {{ $t("pingCountDescription") }}
                                </div>
                            </div>

                            <!-- Numeric Output -->
                            <div v-if="monitor.type === 'ping'" class="my-3 form-check">
                                <input id="ping_numeric" v-model="monitor.ping_numeric" type="checkbox" class="form-check-input" :checked="monitor.ping_numeric">
                                <label class="form-check-label" for="ping_numeric">
                                    {{ $t("pingNumericLabel") }}
                                </label>
                                <div class="form-text">
                                    {{ $t("pingNumericDescription") }}
                                </div>
                            </div>

                            <!-- Packet size -->
                            <div v-if="monitor.type === 'ping'" class="my-3">
                                <label for="packet-size" class="form-label">{{ $t("Packet Size") }}</label>