<template>
  <div class="cart">
    <div v-if="cartProducts">
      {{ cartProducts }}
    </div>

    <UButton @click="createOrder">
      Оформить заказ
    </UButton>
  </div>
</template>

<script setup lang="ts">
import { usePostOrdersCreate } from '~/api/mutations'

const { getCart } = useCart()
const cartProducts = getCart()
const { mutateAsync } = usePostOrdersCreate()

const createOrder = () => {
  mutateAsync(cartProducts)
}
</script>

<style lang="scss">

</style>
