# hostinger/3.0.43/vue-frontend/src/components/Modals/XmlSecurityModal.vue

Hostinger Tools, version 3.0.43. 49 lines.

- Page: https://pluginprobe.com/plugins/hostinger/3.0.43/code/vue-frontend/src/components/Modals/XmlSecurityModal.vue
- Raw: https://pluginprobe.com/plugins/hostinger/3.0.43/raw/vue-frontend/src/components/Modals/XmlSecurityModal.vue
- Modified: 2025-03-03T08:32:52+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/hostinger/3.0.43/code/vue-frontend/src/components/Modals/XmlSecurityModal.vue#L10-L20`.

```vue
<script lang="ts" setup>
import BaseModal from "@/components/Modals/Base/BaseModal.vue";
import { useModal } from "@/composables";
import { translate } from "@/utils/helpers";
import Button from "@/components/Button/Button.vue";

interface Props {
  data: {
    onConfirm: () => void;
  };
}

const props = defineProps<Props>();

const { closeModal } = useModal();

const onProceed = () => {
  if (props.data.onConfirm) props.data.onConfirm();

  closeModal();
};
</script>

<template>
  <BaseModal
    :titleIcon="{
      name: 'icon-info',
      color: 'danger',
    }"
    :title="translate('xml_security_modal_title')"
  >
    <p class="h-mb-24 text-gray">
      {{ translate("xml_security_modal_description") }}
    </p>
    <div class="d-flex justify-content-end">
      <Button
        color="danger"
        variant="text"
        class="h-mr-16"
        @click="closeModal"
        >{{ translate("xml_security_modal_cancel") }}</Button
      >
      <Button color="danger" @click="onProceed">
        {{ translate("xml_security_modal_proceed_anyway") }}
      </Button>
    </div>
  </BaseModal>
</template>

```