mergeable-ish client UI

static/components/customer-stall/customer-stall.html

@@ -12,6 +12,7 @@
     <q-toolbar-title></q-toolbar-title>
     <q-btn dense round flat icon="shopping_cart" class="q-ml-md"></q-btn>
   </q-toolbar>
+  <product-detail v-if="productDetail" :product="mock"></product-detail>
   <div class="row q-col-gutter-md">
     <div
       class="col-xs-12 col-sm-6 col-md-4 col-lg-3"

static/components/customer-stall/customer-stall.js

@@ -1,12 +1,29 @@
 async function customerStall(path) {
   const template = await loadTemplateAsync(path)
+  const mock = {
+    stall: '4M8j9KKGzUckHgb4C3pKCv',
+    name: 'product 1',
+    description:
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Leo integer malesuada nunc vel risus commodo. Sapien faucibus et molestie ac feugiat sed lectus vestibulum mattis. Cras ornare arcu dui vivamus. Risus pretium quam vulputate dignissim suspendisse in est ante in. Faucibus in ornare quam viverra orci sagittis eu volutpat odio.',
+    amount: 100,
+    price: '10',
+    images: ['https://i.imgur.com/cEfpEjq.jpeg'],
+    id: ['RyMbE9Hdwk9X333JKtkkNS'],
+    categories: ['crafts', 'robots'],
+    currency: 'EUR',
+    stallName: 'stall 1',
+    formatedPrice: '€10.00',
+    priceInSats: 0
+  }
   Vue.component('customer-stall', {
     name: 'customer-stall',
     template,
 
-    props: ['stall', 'products', 'exchange-rates'],
+    props: ['stall', 'products', 'exchange-rates', 'product-detail'],
     data: function () {
-      return {}
+      return {
+        mock: mock
+      }
     },
     methods: {},
     created() {