liveh5-nuxt/app/pages/home/components/DetailPopup/index.vue

<script setup>
import xPopup from '@/components/x-popup/index.vue'
import ItemDetail from "@/components/itemDetail/index.vue";
import {goodStore} from "@/stores/goods/index.js";
const {
  artWorkDetail
} = goodStore()
const props = defineProps({
  show: {
    type: Boolean,
    default: false
  },
  detailInfo: {
    type: Object,
    default: null
  }
})

const emit = defineEmits(['update:show'])
const handleClose = () => {
  emit('update:show', false)
}
</script>
<template>
  <xPopup :show="show" :title="$t('home.lot_detail')" @update:show="handleClose">
    <ItemDetail :detailInfo="detailInfo" />
  </xPopup>
</template>