Initial commit: fabric-trade-user Vue 3 app with mobile and desktop layouts

Co-authored-by: Cursor <cursoragent@cursor.com>

src/composables/useCartPage.ts

@@ -0,0 +1,56 @@
+import { computed, ref, onMounted } from 'vue'
+import { useRouter } from 'vue-router'
+import { useCartStore } from '@/stores/cart'
+
+export function useCartPage() {
+  const router = useRouter()
+  const cartStore = useCartStore()
+  const showFullDialog = ref(false)
+
+  const items = computed(() => cartStore.activeCart?.items ?? [])
+  const isEmpty = computed(() => items.value.length === 0)
+  const companyName = computed(() => cartStore.activeCart?.companyName ?? '')
+
+  function removeItem(itemId: string) {
+    cartStore.removeItem(itemId)
+  }
+
+  function proceedToCheckout() {
+    if (items.value.length === 0) return
+    if (cartStore.isFull) {
+      showFullDialog.value = true
+      return
+    }
+    router.push('/checkout/settlement')
+  }
+
+  function proceedAnyway() {
+    showFullDialog.value = false
+    router.push('/checkout/settlement')
+  }
+
+  function createNewInvoice() {
+    cartStore.createNewCartForSameCompany()
+    showFullDialog.value = false
+    const companyId = cartStore.activeCart?.companyId
+    if (companyId) {
+      router.push(`/companies/${companyId}/catalogs`)
+    }
+  }
+
+  onMounted(() => {
+    cartStore.ensureActiveCartForCartPage()
+  })
+
+  return {
+    cartStore,
+    items,
+    isEmpty,
+    companyName,
+    showFullDialog,
+    removeItem,
+    proceedToCheckout,
+    proceedAnyway,
+    createNewInvoice,
+  }
+}