527379a2cd
- Added AddressForm and CheckoutForm components for user input during checkout. - Implemented validation using Zod and VeeValidate for billing address fields. - Created OrderSummary and MockPayPalButton components for order confirmation and payment simulation. - Updated CartSheet and CartSidebar to navigate to the new checkout page at '/kasse'. - Introduced new API endpoints for validating checkout data and creating orders. - Enhanced user experience with responsive design and error handling. These changes complete the checkout functionality, allowing users to enter billing information, simulate payment, and confirm orders.
23 lines
407 B
Vue
23 lines
407 B
Vue
<script setup lang="ts">
|
|
import { SelectRoot } from 'reka-ui'
|
|
|
|
const props = defineProps<{
|
|
modelValue?: string
|
|
disabled?: boolean
|
|
}>()
|
|
|
|
const emit = defineEmits<{
|
|
'update:modelValue': [value: string]
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<SelectRoot
|
|
:model-value="modelValue"
|
|
:disabled="disabled"
|
|
@update:model-value="emit('update:modelValue', $event)"
|
|
>
|
|
<slot />
|
|
</SelectRoot>
|
|
</template>
|