Create store/cart-store.ts

store/cart-store.ts

@@ -0,0 +1,42 @@
+// store/cart-store.ts
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+
+export interface CartItem {
+  id: string;
+  name: string;
+  price: number;
+  quantity: number;
+}
+
+interface CartState {
+  items: CartItem[];
+  addItem: (item: Omit<CartItem, 'quantity'>) => void;
+  removeItem: (id: string) => void;
+}
+
+// ⚡ [OTIMIZAÇÃO DE PERFORMANCE/INP]: Zustand com persistência automática no LocalStorage.
+export const useCartStore = create<CartState>()(
+  persist(
+    (set) => ({
+      items: [],
+      addItem: (newItem) => set((state) => {
+        const existingItem = state.items.find((i) => i.id === newItem.id);
+        if (existingItem) {
+          return {
+            items: state.items.map((i) =>
+              i.id === newItem.id ? { ...i, quantity: i.quantity + 1 } : i
+            ),
+          };
+        }
+        return { items: [...state.items, { ...newItem, quantity: 1 }] };
+      }),
+      removeItem: (id) => set((state) => ({
+        items: state.items.filter((i) => i.id !== id)
+      })),
+    }),
+    {
+      name: 'ecommerce-cart-storage', // Chave do LocalStorage
+    }
+  )
+);