33 lines
583 B
Vue
33 lines
583 B
Vue
<script setup>
|
|
const props = defineProps({
|
|
variant: Object,
|
|
});
|
|
|
|
const showModal = ref(null);
|
|
|
|
function displayModal() {
|
|
showModal.value = {
|
|
title: "Cập nhật sản phẩm",
|
|
width: "90%",
|
|
component: "imports/EditProduct",
|
|
vbind: { variant: props.variant },
|
|
};
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<a @click="displayModal">
|
|
<span class="icon">
|
|
<Icon
|
|
name="material-symbols:edit-outline-rounded"
|
|
:size="18"
|
|
/>
|
|
</span>
|
|
<Modal
|
|
v-if="showModal"
|
|
v-bind="showModal"
|
|
@close="showModal = null"
|
|
/>
|
|
</a>
|
|
</template>
|