создаю телегу товаров

pages/cart.vue

@@ -1,9 +1,16 @@
 <template>
   <div class="cart">
-    <div v-if="cartProducts">
-      {{ cartProducts }}
+    <div class="cart__items">
+      <div
+        v-for="cartItem in cart?.line_items"
+        :key="cartItem.variation_id"
+      >
+        <CartItem :cart-item="cartItem" />
+      </div>
     </div>
+  </div>
 
+  <div>
     <UButton @click="createOrder">
       Оформить заказ
     </UButton>
@@ -13,15 +20,23 @@
 <script setup lang="ts">
 import { usePostOrdersCreate } from '~/api/mutations'
 
-const { getCart } = useCart()
-const cartProducts = getCart()
+const { cart } = useCart()
 const { mutateAsync } = usePostOrdersCreate()
 
 const createOrder = () => {
-  mutateAsync(cartProducts)
+  mutateAsync(cart)
 }
 </script>
 
 <style lang="scss">
+.cart {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
 
+  &__items {
+    display: flex;
+    flex-direction: column;
+  }
+}
 </style>