From d6e5c7481aaa501b87c04d085cd3d2e04abd6f7d Mon Sep 17 00:00:00 2001
From: bezumkin <bezumkin@yandex.ru>
Date: Wed, 6 Jul 2022 14:04:33 +0700
Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=BE=D0=B7=D0=B4=D0=B0=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B5=20=D0=B7=D0=B0=D0=BA=D0=B0=D0=B7=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/db/migrations/20220705002400_orders.php  | 49 +++++++++++
 core/db/seeds/UserRoles.php                   | 18 ++--
 core/routes.php                               |  2 +
 core/src/Controllers/Admin/Orders.php         | 43 +++++++++
 core/src/Controllers/Web/Orders.php           | 44 ++++++++++
 core/src/Models/Order.php                     | 34 ++++++++
 core/src/Models/OrderProduct.php              | 34 ++++++++
 frontend/src/admin/components/forms/order.vue | 76 ++++++++++++++++
 frontend/src/admin/lexicons/de.js             | 11 +++
 frontend/src/admin/lexicons/en.js             | 11 +++
 frontend/src/admin/lexicons/ru.js             | 11 +++
 frontend/src/admin/pages/orders.vue           | 65 ++++++++++++++
 frontend/src/admin/pages/orders/edit/_id.vue  | 43 +++++++++
 frontend/src/admin/plugins/menu.js            |  5 ++
 frontend/src/site/assets/scss/index.scss      |  1 +
 frontend/src/site/components/app/navbar.vue   |  4 +-
 frontend/src/site/components/cart.vue         | 10 +--
 frontend/src/site/components/order.vue        | 87 +++++++++++++++++++
 frontend/src/site/nuxt.config.js              |  4 +
 frontend/src/site/store/index.js              | 11 +++
 20 files changed, 544 insertions(+), 19 deletions(-)
 create mode 100644 core/db/migrations/20220705002400_orders.php
 create mode 100644 core/src/Controllers/Admin/Orders.php
 create mode 100644 core/src/Controllers/Web/Orders.php
 create mode 100644 core/src/Models/Order.php
 create mode 100644 core/src/Models/OrderProduct.php
 create mode 100644 frontend/src/admin/components/forms/order.vue
 create mode 100644 frontend/src/admin/pages/orders.vue
 create mode 100644 frontend/src/admin/pages/orders/edit/_id.vue
 create mode 100644 frontend/src/site/components/order.vue

diff --git a/core/db/migrations/20220705002400_orders.php b/core/db/migrations/20220705002400_orders.php
new file mode 100644
index 0000000..2bf74e9
--- /dev/null
+++ b/core/db/migrations/20220705002400_orders.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Database\Schema\Blueprint;
+use Vesp\Services\Migration;
+
+final class Orders extends Migration
+{
+    public function up(): void
+    {
+        $this->schema->create(
+            'orders',
+            function (Blueprint $table) {
+                $table->id();
+                $table->string('name');
+                $table->string('email');
+                $table->char('post', 6)->nullable();
+                $table->string('city')->nullable();
+                $table->string('address')->nullable();
+                $table->boolean('paid')->default(false);
+                $table->unsignedDecimal('total')->nullable();
+                $table->timestamps();
+                $table->timestamp('paid_at')->nullable();
+            }
+        );
+
+        $this->schema->create(
+            'order_products',
+            function (Blueprint $table) {
+                $table->id();
+                $table->foreignId('order_id')
+                    ->constrained('orders')->cascadeOnDelete();
+                $table->foreignId('product_id')->nullable()
+                    ->constrained('products')->nullOnDelete();
+                $table->string('title');
+                $table->unsignedDecimal('price');
+                $table->unsignedInteger('amount')->default(1);
+                $table->unsignedDecimal('total');
+            }
+        );
+    }
+
+    public function down(): void
+    {
+        $this->schema->drop('order_products');
+        $this->schema->drop('orders');
+    }
+}
diff --git a/core/db/seeds/UserRoles.php b/core/db/seeds/UserRoles.php
index 445c4d4..5b1aa2d 100644
--- a/core/db/seeds/UserRoles.php
+++ b/core/db/seeds/UserRoles.php
@@ -1,20 +1,20 @@
 <?php
 
-use Phinx\Seed\AbstractSeed;
 use App\Models\UserRole;
+use Phinx\Seed\AbstractSeed;
 
 class UserRoles extends AbstractSeed
 {
     public function run(): void
     {
-$roles = [
-    'Administrator' => [
-        'scope' => ['profile', 'users', 'products'],
-    ],
-    'User' => [
-        'scope' => ['profile'],
-    ],
-];
+        $roles = [
+            'Administrator' => [
+                'scope' => ['profile', 'users', 'products', 'orders'],
+            ],
+            'User' => [
+                'scope' => ['profile'],
+            ],
+        ];
 
         foreach ($roles as $title => $data) {
             if (!$group = UserRole::query()->where('title', $title)->first()) {
diff --git a/core/routes.php b/core/routes.php
index 9e1c961..ed51141 100644
--- a/core/routes.php
+++ b/core/routes.php
@@ -25,6 +25,7 @@ static function (RouteCollectorProxy $group) {
                 $group->any('/categories[/{id}]', App\Controllers\Admin\Categories::class);
                 $group->any('/products[/{id}]', App\Controllers\Admin\Products::class);
                 $group->any('/product/{product_id}/files[/{file_id}]', App\Controllers\Admin\Product\Files::class);
+                $group->any('/orders[/{id}]', App\Controllers\Admin\Orders::class);
             }
         );
 
@@ -34,6 +35,7 @@ static function (RouteCollectorProxy $group) {
                 $group->any('/categories[/{alias}]', App\Controllers\Web\Categories::class);
                 $group->any('/categories/{category}/products[/{alias}]', App\Controllers\Web\Category\Products::class);
                 $group->any('/products', App\Controllers\Web\Products::class);
+                $group->any('/orders', App\Controllers\Web\Orders::class);
             }
         );
     }
diff --git a/core/src/Controllers/Admin/Orders.php b/core/src/Controllers/Admin/Orders.php
new file mode 100644
index 0000000..368e8e7
--- /dev/null
+++ b/core/src/Controllers/Admin/Orders.php
@@ -0,0 +1,43 @@
+<?php
+
+namespace App\Controllers\Admin;
+
+use App\Models\Order;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Model;
+use Psr\Http\Message\ResponseInterface;
+use Vesp\Controllers\ModelController;
+
+class Orders extends ModelController
+{
+    protected $scope = 'orders';
+    protected $model = Order::class;
+
+    protected function beforeGet(Builder $c): Builder
+    {
+        $c->with('orderProducts');
+
+        return $c;
+    }
+
+    protected function beforeSave(Model $record): ?ResponseInterface
+    {
+        /** @var Order $record */
+        if ($record->paid && !$record->paid_at) {
+            $record->paid_at = time();
+        } elseif ($record->paid_at && !$record->paid) {
+            $record->paid_at = null;
+        }
+
+        return null;
+    }
+
+    protected function beforeCount(Builder $c): Builder
+    {
+        if ($query = $this->getProperty('query')) {
+            $c->where('title', 'LIKE', "%$query%");
+        }
+
+        return $c;
+    }
+}
\ No newline at end of file
diff --git a/core/src/Controllers/Web/Orders.php b/core/src/Controllers/Web/Orders.php
new file mode 100644
index 0000000..b653f27
--- /dev/null
+++ b/core/src/Controllers/Web/Orders.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace App\Controllers\Web;
+
+use App\Models\Order;
+use App\Models\Product;
+use Psr\Http\Message\ResponseInterface;
+use Vesp\Controllers\Controller;
+
+class Orders extends Controller
+{
+    public function put(): ResponseInterface
+    {
+        if (!$ordered = $this->getProperty('products')) {
+            return $this->failure();
+        }
+
+        $orderTotal = 0;
+        $orderProducts = [];
+        foreach ($ordered as $id => $amount) {
+            /** @var Product $product */
+            if ($product = Product::query()->where('active', true)->find($id)) {
+                $total = $product->price * $amount;
+                $orderTotal += $total;
+                $orderProducts[] = [
+                    'product_id' => $id,
+                    'title' => $product->title,
+                    'amount' => $amount,
+                    'price' => $product->price,
+                    'total' => $total,
+                ];
+            }
+        }
+
+        $order = new Order();
+        $order->fill($this->getProperties());
+        $order->total = $orderTotal;
+        if ($order->save()) {
+            $order->orderProducts()->createMany($orderProducts);
+        }
+
+        return $this->success();
+    }
+}
\ No newline at end of file
diff --git a/core/src/Models/Order.php b/core/src/Models/Order.php
new file mode 100644
index 0000000..bcd2eb3
--- /dev/null
+++ b/core/src/Models/Order.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Models;
+
+use Carbon\Carbon;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+
+/**
+ * @property int $id
+ * @property string $name
+ * @property string $email
+ * @property string $post
+ * @property string $city
+ * @property string $address
+ * @property bool $paid
+ * @property int $total
+ * @property Carbon $created_at
+ * @property Carbon $updated_at
+ * @property Carbon $paid_at
+ *
+ * @property-read OrderProduct[] $orderProducts
+ */
+class Order extends Model
+{
+    protected $casts = ['paid' => 'boolean'];
+    protected $guarded = ['id', 'created_at', 'updated_at', 'paid_at'];
+    protected $dates = ['paid_at'];
+
+    public function orderProducts(): HasMany
+    {
+        return $this->hasMany(OrderProduct::class);
+    }
+}
\ No newline at end of file
diff --git a/core/src/Models/OrderProduct.php b/core/src/Models/OrderProduct.php
new file mode 100644
index 0000000..0c2e9fd
--- /dev/null
+++ b/core/src/Models/OrderProduct.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+/**
+ * @property int $id
+ * @property int $order_id
+ * @property int $product_id
+ * @property string $title
+ * @property float $price
+ * @property int $amount
+ * @property float $total
+ *
+ * @property-read Order $order
+ * @property-read Product $product
+ */
+class OrderProduct extends Model
+{
+    public $timestamps = false;
+    protected $guarded = ['id'];
+
+    public function order(): BelongsTo
+    {
+        return $this->belongsTo(Order::class);
+    }
+
+    public function product(): BelongsTo
+    {
+        return $this->belongsTo(Product::class);
+    }
+}
\ No newline at end of file
diff --git a/frontend/src/admin/components/forms/order.vue b/frontend/src/admin/components/forms/order.vue
new file mode 100644
index 0000000..79c052d
--- /dev/null
+++ b/frontend/src/admin/components/forms/order.vue
@@ -0,0 +1,76 @@
+<template>
+  <div>
+    <b-form-group :label="$t('models.order.name')">
+      <b-form-input v-model.trim="record.name" required autofocus />
+    </b-form-group>
+
+    <b-form-group :label="$t('models.order.email')">
+      <b-form-input v-model.trim="record.email" required />
+    </b-form-group>
+
+    <b-row>
+      <b-col md="4">
+        <b-form-group :label="$t('models.order.post')">
+          <b-form-input v-model.trim="record.post" type="number" min="0" max="999999" />
+        </b-form-group>
+      </b-col>
+      <b-col md="8">
+        <b-form-group :label="$t('models.order.city')">
+          <b-form-input v-model.trim="record.city" />
+        </b-form-group>
+      </b-col>
+    </b-row>
+
+    <b-form-group :label="$t('models.order.address')">
+      <b-form-input v-model.trim="record.address" />
+    </b-form-group>
+
+    <b-row align-v="center">
+      <b-col cols="8">
+        <b-form-group :label="$t('models.order.total')">
+          <b-form-input v-model.trim="record.total" readonly />
+        </b-form-group>
+      </b-col>
+      <b-col cols="4" class="text-right">
+        <b-form-checkbox v-model.trim="record.paid">
+          {{ $t('models.order.paid') }}
+        </b-form-checkbox>
+      </b-col>
+    </b-row>
+
+    <div class="mt-2 pt-2 border-top">
+      <b-row v-for="product in record.order_products" :key="product.id" class="mt-3" align-v="center">
+        <b-col cols="6">
+          <b-link v-if="product.product_id" :to="{name: 'products-edit-id', params: {id: product.product_id}}">
+            {{ product.title }}
+          </b-link>
+          <div v-else>{{ product.title }}</div>
+          <div class="small text-muted">{{ product.price }} руб. x {{ product.amount }}</div>
+        </b-col>
+        <b-col cols="6" class="text-right">{{ product.total }} руб.</b-col>
+      </b-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'FormProduct',
+  props: {
+    value: {
+      type: Object,
+      required: true,
+    },
+  },
+  computed: {
+    record: {
+      get() {
+        return this.value
+      },
+      set(newValue) {
+        this.$emit('input', newValue)
+      },
+    },
+  },
+}
+</script>
diff --git a/frontend/src/admin/lexicons/de.js b/frontend/src/admin/lexicons/de.js
index 5b80c13..c9f9ec9 100644
--- a/frontend/src/admin/lexicons/de.js
+++ b/frontend/src/admin/lexicons/de.js
@@ -56,6 +56,17 @@ export default {
       category: 'Kategorie',
       active: 'Aktiv',
     },
+    order: {
+      title_one: 'Befehl',
+      title_many: 'Aufträge',
+      name: 'Kunde',
+      email: 'Email',
+      post: 'Post',
+      city: 'Stadt',
+      address: 'Adresse',
+      paid: 'Bezahlt',
+      total: 'Gesamt',
+    },
   },
   errors: {
     security: {
diff --git a/frontend/src/admin/lexicons/en.js b/frontend/src/admin/lexicons/en.js
index 15ccce6..6b9ff3e 100644
--- a/frontend/src/admin/lexicons/en.js
+++ b/frontend/src/admin/lexicons/en.js
@@ -56,6 +56,17 @@ export default {
       category: 'Category',
       active: 'Active',
     },
+    order: {
+      title_one: 'Order',
+      title_many: 'Orders',
+      name: 'Customer',
+      email: 'Email',
+      post: 'Post',
+      city: 'City',
+      address: 'Address',
+      paid: 'Paid',
+      total: 'Total',
+    },
   },
   errors: {
     security: {
diff --git a/frontend/src/admin/lexicons/ru.js b/frontend/src/admin/lexicons/ru.js
index 071ab07..331d45d 100644
--- a/frontend/src/admin/lexicons/ru.js
+++ b/frontend/src/admin/lexicons/ru.js
@@ -56,6 +56,17 @@ export default {
       category: 'Категория',
       active: 'Включено',
     },
+    order: {
+      title_one: 'Заказ',
+      title_many: 'Заказы',
+      name: 'Имя покупателя',
+      email: 'Email',
+      post: 'Индекс',
+      city: 'Город',
+      address: 'Адрес',
+      paid: 'Оплачено',
+      total: 'Стоимость',
+    },
   },
   errors: {
     security: {
diff --git a/frontend/src/admin/pages/orders.vue b/frontend/src/admin/pages/orders.vue
new file mode 100644
index 0000000..338a2fb
--- /dev/null
+++ b/frontend/src/admin/pages/orders.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <vesp-table
+      :url="url"
+      :table-actions="tableActions"
+      :fields="fields"
+      :filters="filters"
+      :sort="sort"
+      :dir="dir"
+      :row-class="rowClass"
+    />
+    <nuxt-child />
+  </div>
+</template>
+
+<script>
+export const url = 'admin/orders'
+export default {
+  name: 'OrdersPage',
+  validate({app}) {
+    return app.$hasScope('orders')
+  },
+  data() {
+    return {
+      url,
+      filters: {
+        query: '',
+      },
+      sort: 'id',
+      dir: 'asc',
+    }
+  },
+  head() {
+    return {
+      title: [this.$t('models.order.title_many'), this.$t('project')].join(' / '),
+    }
+  },
+  computed: {
+    tableActions() {
+      return [
+        {route: 'orders-edit-id', icon: 'edit', title: this.$t('actions.edit')},
+        {function: 'onDelete', icon: 'times', title: this.$t('actions.delete'), variant: 'danger'},
+      ]
+    },
+    fields() {
+      return [
+        {key: 'id', label: this.$t('components.table.columns.id')},
+        {key: 'name', label: this.$t('models.order.name')},
+        {key: 'total', label: this.$t('models.order.total')},
+        {
+          key: 'created_at',
+          label: this.$t('components.table.columns.created_at'),
+          formatter: this.$options.filters.datetime,
+          sortable: true,
+        },
+      ]
+    },
+  },
+  methods: {
+    rowClass(item) {
+      return item && item.paid ? 'text-success' : ''
+    },
+  },
+}
+</script>
diff --git a/frontend/src/admin/pages/orders/edit/_id.vue b/frontend/src/admin/pages/orders/edit/_id.vue
new file mode 100644
index 0000000..d0d00fa
--- /dev/null
+++ b/frontend/src/admin/pages/orders/edit/_id.vue
@@ -0,0 +1,43 @@
+<template>
+  <vesp-modal v-model="record" :url="url" :title="$t('models.order.title_one') + ' #' + record.id">
+    <template #form-fields>
+      <form-order v-model="record" />
+    </template>
+  </vesp-modal>
+</template>
+
+<script>
+import {url} from '../../orders'
+import FormOrder from '../../../components/forms/order'
+
+export {url}
+export default {
+  name: 'ProductCreatePage',
+  components: {FormOrder},
+  validate({params}) {
+    return /^\d+$/.test(params.id)
+  },
+  async asyncData({app, params, error}) {
+    try {
+      const {data: record} = await app.$axios.get(url + '/' + params.id)
+      return {record}
+    } catch (e) {
+      error({statusCode: e.statusCode, message: e.data})
+    }
+  },
+  data() {
+    return {
+      url,
+      record: {
+        name: '',
+        email: '',
+        post: '',
+        city: '',
+        address: '',
+        total: '',
+        order_products: [],
+      },
+    }
+  },
+}
+</script>
diff --git a/frontend/src/admin/plugins/menu.js b/frontend/src/admin/plugins/menu.js
index 1418d89..144927a 100644
--- a/frontend/src/admin/plugins/menu.js
+++ b/frontend/src/admin/plugins/menu.js
@@ -9,6 +9,11 @@ export default [
     title: 'models.category.title_many',
     scope: 'products',
   },
+  {
+    name: 'orders',
+    title: 'models.order.title_many',
+    scope: 'orders',
+  },
   {
     name: 'users',
     title: 'models.user.title_many',
diff --git a/frontend/src/site/assets/scss/index.scss b/frontend/src/site/assets/scss/index.scss
index c4e60df..fb80156 100644
--- a/frontend/src/site/assets/scss/index.scss
+++ b/frontend/src/site/assets/scss/index.scss
@@ -15,6 +15,7 @@
 @import '~bootstrap/scss/modal';
 @import '~bootstrap/scss/close';
 @import '~bootstrap/scss/transitions';
+@import '~bootstrap/scss/forms';
 @import '~bootstrap/scss/utilities/sizing';
 @import '~bootstrap/scss/utilities/text';
 @import '~bootstrap/scss/utilities/flex';
diff --git a/frontend/src/site/components/app/navbar.vue b/frontend/src/site/components/app/navbar.vue
index d25cb76..aad1ce9 100644
--- a/frontend/src/site/components/app/navbar.vue
+++ b/frontend/src/site/components/app/navbar.vue
@@ -12,16 +12,18 @@
 
     <b-modal v-model="showCart" title="Корзина" hide-footer>
       <cart />
+      <order />
     </b-modal>
   </b-navbar>
 </template>
 
 <script>
 import Cart from '../../components/cart'
+import Order from '../../components/order'
 
 export default {
   name: 'AppNavbar',
-  components: {Cart},
+  components: {Order, Cart},
   data() {
     return {
       showCart: false,
diff --git a/frontend/src/site/components/cart.vue b/frontend/src/site/components/cart.vue
index 8ca41aa..53006ab 100644
--- a/frontend/src/site/components/cart.vue
+++ b/frontend/src/site/components/cart.vue
@@ -37,15 +37,7 @@ export default {
   name: 'Cart',
   computed: {
     products() {
-      const products = {}
-      this.$store.state.cart.forEach((i) => {
-        if (!products[i.id]) {
-          products[i.id] = {...i, amount: 1}
-        } else {
-          products[i.id].amount += 1
-        }
-      })
-      return Object.values(products)
+      return this.$store.getters.products
     },
     total() {
       return this.$store.getters.cartTotal
diff --git a/frontend/src/site/components/order.vue b/frontend/src/site/components/order.vue
new file mode 100644
index 0000000..417f84d
--- /dev/null
+++ b/frontend/src/site/components/order.vue
@@ -0,0 +1,87 @@
+<template>
+  <div v-if="total" class="mt-4 pt-4 border-top">
+    <h5>Заказ</h5>
+    <b-form @submit.prevent="onSubmit">
+      <b-form-group label="Ваше имя">
+        <b-form-input v-model.trim="form.name" autofocus required />
+      </b-form-group>
+
+      <b-form-group label="Email">
+        <b-form-input v-model.trim="form.email" type="email" required />
+      </b-form-group>
+
+      <b-row>
+        <b-col md="4">
+          <b-form-group label="Индекс">
+            <b-form-input v-model.trim="form.post" type="number" min="0" max="999999" />
+          </b-form-group>
+        </b-col>
+        <b-col md="8">
+          <b-form-group label="Город">
+            <b-form-input v-model.trim="form.city" />
+          </b-form-group>
+        </b-col>
+      </b-row>
+
+      <b-form-group label="Адрес">
+        <b-form-input v-model.trim="form.address" />
+      </b-form-group>
+
+      <div class="text-right">
+        <b-button variant="primary" type="submit" :disabled="loading">
+          Отправить
+          <b-spinner v-if="loading" small />
+        </b-button>
+      </div>
+    </b-form>
+  </div>
+  <div v-else-if="showSuccess">
+    <div class="p-4 text-center font-weight-bold">Спасибо за заказ!</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Order',
+  data() {
+    return {
+      loading: false,
+      showSuccess: false,
+      url: 'web/orders',
+      form: {
+        name: '',
+        email: '',
+        post: '',
+        city: '',
+        address: '',
+      },
+    }
+  },
+  computed: {
+    products() {
+      return this.$store.getters.products
+    },
+    total() {
+      return this.$store.getters.cartTotal
+    },
+  },
+  methods: {
+    async onSubmit() {
+      this.loading = true
+      try {
+        const products = {}
+        this.products.forEach((i) => {
+          products[i.id] = i.amount
+        })
+        await this.$axios.put(this.url, {...this.form, products})
+        this.showSuccess = true
+        this.$store.commit('clearCart')
+      } catch (e) {
+        console.error(e)
+      } finally {
+        this.loading = false
+      }
+    },
+  },
+}
+</script>
diff --git a/frontend/src/site/nuxt.config.js b/frontend/src/site/nuxt.config.js
index db33e2f..33e3cd2 100644
--- a/frontend/src/site/nuxt.config.js
+++ b/frontend/src/site/nuxt.config.js
@@ -62,6 +62,10 @@ Config.bootstrapVue.componentPlugins = [
   'CarouselPlugin',
   'BreadcrumbPlugin',
   'ModalPlugin',
+  'FormPlugin',
+  'FormGroupPlugin',
+  'FormInputPlugin',
+  'SpinnerPlugin',
 ]
 
 export default Config
diff --git a/frontend/src/site/store/index.js b/frontend/src/site/store/index.js
index 3cfe0c4..c1c0269 100644
--- a/frontend/src/site/store/index.js
+++ b/frontend/src/site/store/index.js
@@ -31,6 +31,17 @@ export const getters = {
     })
     return total ? total.toFixed(2) : 0
   },
+  products(state) {
+    const products = {}
+    state.cart.forEach((i) => {
+      if (!products[i.id]) {
+        products[i.id] = {...i, amount: 1}
+      } else {
+        products[i.id].amount += 1
+      }
+    })
+    return Object.values(products)
+  },
 }
 
 export const actions = {