feat(product): display attributes

spa/src/views/Product.vue

@@ -32,6 +32,28 @@
               <p class="text-base" v-html="product.description"></p>
             </div>
           </div>
+
+          <div class="mt-3">
+            <h3 class="font-bold mb-2">Характеристики</h3>
+
+            <div class="space-y-6">
+              <div class="overflow-x-auto">
+                <table class="table table-xs">
+                  <tbody>
+                  <template v-for="attrGroup in product.attributes" :key="attrGroup.attribute_group_id">
+                    <tr class="bg-base-200 font-semibold">
+                      <td colspan="2">{{ attrGroup.name }}</td>
+                    </tr>
+                    <tr v-for="attr in attrGroup.attribute" :key="attr.attribute_id">
+                      <td class="w-1/3">{{ attr.name }}</td>
+                      <td>{{ attr.text }}</td>
+                    </tr>
+                  </template>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </div>