Copy

<script setup lang="ts">
import type { HoneypotEvent } from "src/types";

const props = defineProps<{
  evt: HoneypotEvent;
}>();

const emit = defineEmits<{
  "field-click": [event: MouseEvent, key: string, value: string];
}>();
</script>

<template>
  <button v-if="evt.fields?.public_key_fingerprint">
    <span>Public Key Fingerprint:</span>
    <strong>{{ evt.fields.public_key_fingerprint }}</strong>
  </button>
  <button
    v-if="evt.fields?.client_version"
    @click="
      emit(
        'field-click',
        $event,
        'client_version',
        evt.fields.client_version as string,
      )
    "
  >
    <span>Client:</span>
    {{ evt.fields.client_version }}
  </button>
</template>