Mamalizz
71 lines
1.9 KiB
Vue
71 lines
1.9 KiB
Vue
<script setup lang="ts">
|
||
// types
|
||
|
||
type Props = {
|
||
isShow: boolean;
|
||
};
|
||
|
||
type Emits = {
|
||
update: [value: any];
|
||
"update:isShow": [value: boolean];
|
||
};
|
||
|
||
// props
|
||
|
||
const props = defineProps<Props>();
|
||
|
||
const { isShow } = toRefs(props);
|
||
|
||
// emits
|
||
|
||
const emit = defineEmits<Emits>();
|
||
|
||
// computed
|
||
|
||
const visible = computed({
|
||
get: () => isShow.value ?? false,
|
||
set: (value: boolean) => emit("update:isShow", value),
|
||
});
|
||
</script>
|
||
|
||
<template>
|
||
<Modal
|
||
v-model="visible"
|
||
title="ورژن جدید"
|
||
contectClass="!w-[90vw] lg:!w-[35vw]"
|
||
@close="visible = false"
|
||
>
|
||
<template #content>
|
||
<div class="w-full flex flex-col text-start gap-6 py-5" dir="rtl">
|
||
<p class="leading-[0.75rem]">
|
||
نسخه جدید و بهبود یافته اپلیکیشن با ویژگیهای جذاب منتظر
|
||
شماست
|
||
</p>
|
||
<p class="leading-[0.75rem]">
|
||
برای تجربه بهتر، لطفا نسخه فعلی را بروزرسانی کنید
|
||
</p>
|
||
<p class="leading-[0.75rem]">
|
||
پس از کلیک بر روی گزینه دریافت نسخه جدید، برنامه به صورت
|
||
خودکار بروز میشود
|
||
</p>
|
||
</div>
|
||
|
||
<div class="py-6 border-t border-slate-200 flex gap-3">
|
||
<Button
|
||
@click="emit('update', null)"
|
||
class="rounded-full px-10"
|
||
>
|
||
<span>دریافت ورژن جدید</span>
|
||
</Button>
|
||
<DialogClose aria-label="Close">
|
||
<Button variant="outlined" class="rounded-full px-10">
|
||
انصراف
|
||
</Button>
|
||
</DialogClose>
|
||
</div>
|
||
</template>
|
||
</Modal>
|
||
</template>
|
||
|
||
<style scoped></style>
|