mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-06 05:57:49 +00:00
b8d0252511
References - https://v3-migration.vuejs.org/breaking-changes/v-model - https://v3-migration.vuejs.org/breaking-changes/v-on-native-modifier-removed.html
45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
<script setup>
|
|
import Modal from '../../Modal.vue';
|
|
|
|
defineProps({
|
|
onClose: { type: Function, default: () => {} },
|
|
onConfirm: { type: Function, default: () => {} },
|
|
title: { type: String, default: '' },
|
|
message: { type: String, default: '' },
|
|
messageValue: { type: String, default: '' },
|
|
confirmText: { type: String, default: '' },
|
|
rejectText: { type: String, default: '' },
|
|
});
|
|
|
|
const show = defineModel('show', { type: Boolean, default: false });
|
|
</script>
|
|
|
|
<template>
|
|
<Modal v-model:show="show" :on-close="onClose">
|
|
<woot-modal-header
|
|
:header-title="title"
|
|
:header-content="message"
|
|
:header-content-value="messageValue"
|
|
/>
|
|
<div class="flex items-center justify-end gap-2 p-8">
|
|
<woot-button variant="clear" class="action-button" @click="onClose">
|
|
{{ rejectText }}
|
|
</woot-button>
|
|
<woot-button
|
|
color-scheme="alert"
|
|
class="action-button"
|
|
variant="smooth"
|
|
@click="onConfirm"
|
|
>
|
|
{{ confirmText }}
|
|
</woot-button>
|
|
</div>
|
|
</Modal>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.action-button {
|
|
max-width: var(--space-giga);
|
|
}
|
|
</style>
|