product-search

Autocomplete product search with real-time results.

<product-search
    v-model="selectedProduct"
    :impersonate-customer-id="customerId"
    @change="handleProductChange"
/>

Key Features:

  • Debounced search (300ms)

  • Keyboard navigation (arrow keys, enter)

  • Variant option display

  • Customer impersonation support

  • Clearable selection

Props:

  • product (Object) - Selected product (v-model)

  • searchEndpoint (String) - API endpoint (default: 'platform-product-search')

  • impersonateCustomerId (String) - Customer ID for pricing context

  • impersonateShippingAddressId (String) - Shipping address for context

  • impersonateEmployeeId (String) - Employee context

  • isOffer (Boolean) - Offer mode flag

  • clearable (Boolean) - Show clear button

  • filter (Array) - Additional search filters

Events:

  • input - Product selection change (v-model)

  • change - Product selection change

Last updated

Was this helpful?