store-project/src/views/menu/components/order-drawer.vue

<template>
  <el-drawer v-model="show" :show-close="false" direction="rtl" size="700px">
    <template #header>
      <div>
        <h1 class="">Search for products</h1>
        <el-divider />
      </div>
    </template>
    <template #footer>
      <div style="flex: auto">
        <el-button type="primary" @click="cancelClick" plain>close window</el-button>
        <el-button type="primary" @click="confirmClick">Join the checkout counter</el-button>
      </div>
    </template>
  </el-drawer>
</template>
<script setup>
const show = defineModel('show')
const showInput = defineModel('showInput')
</script>

<style lang="scss" scoped></style>