erp-city-vue-components

Shared Vue 3 components + reactive state used for ERP storefront flows (auth, cart, checkout, favorites, orders). Designed to integrate with erp-city and erp-city-client:

• https://github.com/AntonioPrimera/erp-city
• https://github.com/AntonioPrimera/erp-city-client

Install

Install from npm:

npm install erp-city-vue-components

Or add to your app package.json:

{
  "dependencies": {
    "erp-city-vue-components": "^0.1.0"
  }
}

Then run:

npm install

Requirements

• Vue 3
• Axios
• Ziggy JS (ziggy-js)
• A global route() helper (Ziggy) available at runtime
• A globally registered v-input component (used by forms in the sidebar)

Usage

import { createApp } from 'vue';
import {
  Sidebar,
  cartState,
  productsState,
  authState,
  favoritesState,
  sidebarState,
  setErpCityUiConfig,
} from 'erp-city-vue-components';

setErpCityUiConfig({
  showFavorites: false,
});

productsState.loadProducts();
cartState.loadCart();
authState.bootstrap();

const app = createApp({});
app.component('v-sidebar', Sidebar);
app.mount('#app');

// Example usage
sidebarState.open('cart');

Exports

• Components: Sidebar, CartButton, AuthButton, AuthSidebar, OrdersSidebar, FavoritesSidebar, CartDetails, AddressForm, OrderConfirmation, PaymentOrderConfirmation, ProductCard, FavoriteProductCard, QuantityInput
• State: authState, cartState, favoritesState, ordersState, productsState, sidebarState
• Composables: useHandlesFormErrors
• Config: setErpCityUiConfig, erpCityUiConfig