@lancom/shared 0.0.199 → 0.0.201

package/components/order/order_refund_view/order-refund-view.vue

@@ -88,13 +88,13 @@
             'OrderRefundView__totals--paid': isPaid
           }">
           <div class="lc_regular16">
-            Total ex GST: <b>{{ refund.total | price }}</b>
+            Total ex GST: <b>{{ refund.total | price(currency) }}</b>
           </div>
           <div class="lc_regular16">
-            GST: <b>{{ refund.totalGST - refund.total | price }}</b>
+            GST: <b>{{ refund.totalGST - refund.total | price(currency) }}</b>
           </div>
           <div class="lc_regular16">
-            Total inc GST: <b>{{ refund.totalGST | price }}</b>
+            Total inc GST: <b>{{ refund.totalGST | price(currency) }}</b>
           </div>
         </div>
       </div>

package/components/order/order_setup_groups/order-setup-groups.vue

@@ -26,17 +26,17 @@
                 Setup {{ groupSize(group) | print }} - Promo (Free)
               </td>
               <td>{{ group.amount }}</td>
-              <td>{{ 0 | price }}</td>
-              <td>{{ 0 | price }}</td>
-              <td>{{ 0 | price }}</td>
+              <td>{{ 0 | price(currency) }}</td>
+              <td>{{ 0 | price(currency) }}</td>
+              <td>{{ 0 | price(currency) }}</td>
             </tr>
             <tr>
               <td>Total</td>
               <td colspan="2"></td>
               <td>{{ total.amount }}</td>
               <td></td>
-              <td>{{ 0 | price }}</td>
-              <td>{{ 0 | price }}</td>
+              <td>{{ 0 | price(currency) }}</td>
+              <td>{{ 0 | price(currency) }}</td>
             </tr>
           </tbody>
         </table>

package/components/order/order_sku_groups/order-sku-groups.vue

@@ -28,8 +28,8 @@
               <td>{{ group.product.color.name }}</td>
               <td>{{ group.product.size.name }}</td>
               <td>{{ group.amount }}</td>
-              <td>{{ (group.totalPriceWithoutTax / group.amount) | price }}</td>
-              <td>{{ group.totalPriceWithoutTax | price }}</td>
+              <td>{{ (group.totalPriceWithoutTax / group.amount) | price(currency) }}</td>
+              <td>{{ group.totalPriceWithoutTax | price(currency) }}</td>
               <td v-if="hasCopy">
                 <i
                   class="icon-copy"
@@ -41,7 +41,7 @@
               <td colspan="3"></td>
               <td>{{ total.amount }}</td>
               <td></td>
-              <td>{{ total.price | price }}</td>
+              <td>{{ total.price | price(currency) }}</td>
               <td v-if="hasCopy">
                 <i
                   class="icon-copy"
@@ -53,7 +53,7 @@
               <td colspan="3"></td>
               <td>{{ total.amount }}</td>
               <td></td>
-              <td>{{ total.priceWithGST | price }}</td>
+              <td>{{ total.priceWithGST | price(currency) }}</td>
               <td v-if="hasCopy">
                 <i
                   class="icon-copy"

package/components/order/order_view/order-view.vue

@@ -124,6 +124,7 @@
           <order-view-product
             v-for="product of model.products"
             :key="product._id"
+            :order="order"
             :product="product"
             :responsive="responsive"
             class="OrderView__product" />
@@ -134,30 +135,30 @@
             'OrderView__totals--paid': isPaid
           }">
           <div class="lc_regular16">
-            Products Total: <b>{{ model.productsTotal | price }}</b>
+            Products Total: <b>{{ model.productsTotal | price(order.currency) }}</b>
           </div>
           <div class="lc_regular16">
-            Prints Total: <b>{{ model.printsTotal | price }}</b>
+            Prints Total: <b>{{ model.printsTotal | price(order.currency) }}</b>
           </div>
           <div class="lc_regular16">
-            Shipping Total: <b>{{ model.shippingTotal | price }}</b>
+            Shipping Total: <b>{{ model.shippingTotal | price(order.currency) }}</b>
           </div>
           <div class="lc_regular16">
-            Total ex GST: <b>{{ (model.total + couponTotal) | price }}</b>
+            Total ex GST: <b>{{ (model.total + couponTotal) | price(order.currency) }}</b>
           </div>
           <div class="lc_regular16">
-            GST: <b>{{ model.totalGST - model.total | price }}</b>
+            GST: <b>{{ model.totalGST - model.total | price(order.currency) }}</b>
           </div>
           <div
             v-if="!invoice && order.couponCode"
             class="lc_regular16">
-            Coupon: <b>{{ couponTotal | price }}</b>
+            Coupon: <b>{{ couponTotal | price(order.currency) }}</b>
           </div>
           <div class="lc_regular16">
-            Total inc GST: <b>{{ model.totalGST | price }}</b>
+            Total inc GST: <b>{{ model.totalGST | price(order.currency) }}</b>
           </div>
           <div class="lc_regular16">
-            {{ isPaid ? 'Paid' : 'Pending Payment' }}: <b>{{ model.totalGST | price }}</b>
+            {{ isPaid ? 'Paid' : 'Pending Payment' }}: <b>{{ model.totalGST | price(order.currency) }}</b>
           </div>
         </div>
       </div>

package/components/order/order_view/order_product_color_simple_products/order-product-color-simple-products.mixin.js

@@ -2,6 +2,10 @@ import { getProductColorImages } from '@lancom/shared/assets/js/utils/product';
 
 export default {
   props: {
+    order: {
+      type: Object,
+      required: true
+    },
     entity: {
       type: Object,
       required: true

package/components/order/order_view/order_product_color_simple_products/order-product-color-simple-products.vue

@@ -53,7 +53,7 @@
               Total price:
             </div>
             <div class="lc_body-small">
-              {{ group.productsTotal | price }}
+              {{ group.productsTotal | price(order.currency) }}
             </div>
           </div>
         </div>

package/components/order/order_view/order_product_prints/order-product-prints.vue

@@ -35,6 +35,7 @@
         <order-product-print
           v-for="(print, index) in entity.prints"
           :key="`${entity.guid}_${index}`"
+          :order="order"
           :entity="entity"
           :print="print"
           :responsive="responsive" />
@@ -52,6 +53,10 @@ export default {
     OrderProductPrint
   },
   props: {
+    order: {
+      type: Object,
+      required: true
+    },
     entity: {
       type: Object,
       required: true

package/components/order/order_view/order_product_prints/order_product_print/order-product-print.vue

@@ -15,7 +15,7 @@
       </td>
       <td class="lc_body-small">
         <span :class="responsive ? 'hidden-md-and-up' : 'hidden'">Setup cost</span>
-        {{ setupCost | price }}
+        {{ setupCost | price(order.currency) }}
       </td>
       <td class="lc_body-small">
         <span :class="responsive ? 'hidden-md-and-up' : 'hidden'">QTY</span>
@@ -23,12 +23,12 @@
       </td>
       <td class="lc_body-small">
         <span :class="responsive ? 'hidden-md-and-up' : 'hidden'">Price</span>
-        {{ printCost | price }}
+        {{ printCost | price(order.currency) }}
       </td>
       <td class="lc_body-small">
         <span :class="responsive ? 'hidden-md-and-up' : 'hidden'">Total</span>
         <strong>
-          {{ total | price }}
+          {{ total | price(order.currency) }}
         </strong>
       </td>
     </tr>
@@ -44,6 +44,10 @@ export default {
     price
   },
   props: {
+    order: {
+      type: Object,
+      required: true
+    },
     entity: {
       type: Object,
       required: true

package/components/order/order_view/order_view_product/order-view-product.vue

@@ -30,6 +30,7 @@
         <order-product-color-simple-products
           v-for="[groupKey, group] in groupedProducts"
           :key="groupKey"
+          :order="order"
           :entity="product"
           :group="group"
           :default-preview="groupedProducts.size === 1"
@@ -39,11 +40,12 @@
         v-if="hasPrints"
         class="OrderViewProduct__decorations">
         <order-product-prints
+          :order="order"
           :entity="product"
           :responsive="responsive" />
       </div>
       <div class="OrderViewProduct__subtotal lc_title">
-        Subtotal: {{ totalPrice | price }}
+        Subtotal: {{ totalPrice | price(order.currency) }}
       </div>
     </div>
   </div>
@@ -70,6 +72,10 @@ export default {
     }
   },
   props: {
+    order: {
+      type: Object,
+      required: true
+    },
     product: {
       type: Object,
       required: true

package/components/pricing/pricing_digital_printing/pricing-digital-printing.vue

@@ -155,7 +155,7 @@
                   Tees:
                 </div>
                 <div class="PricingMainSection__section-content-value">
-                  {{ productPricing.amount }} x {{ productPricing.products.products.price | price }} = {{ productPricing.products.products.totalPrice | price }}
+                  {{ productPricing.amount }} x {{ productPricing.products.products.price | price(currency) }} = {{ productPricing.products.products.totalPrice | price(currency) }}
                 </div>
               </div>
               <div class="form-row PricingMainSection__section-content-row">
@@ -163,7 +163,7 @@
                   Front print:
                 </div>
                 <div class="PricingMainSection__section-content-value">
-                  {{ productPricing.amount }} x {{ printsPricing.front.price | price }} = {{ printsPricing.front.totalPrice | price }}
+                  {{ productPricing.amount }} x {{ printsPricing.front.price | price(currency) }} = {{ printsPricing.front.totalPrice | price(currency) }}
                 </div>
               </div>
               <div class="form-row PricingMainSection__section-content-row">
@@ -171,7 +171,7 @@
                   Back print:
                 </div>
                 <div class="PricingMainSection__section-content-value">
-                  {{ productPricing.amount }} x {{ printsPricing.back.price | price }} = {{ printsPricing.back.totalPrice | price }}
+                  {{ productPricing.amount }} x {{ printsPricing.back.price | price(currency) }} = {{ printsPricing.back.totalPrice | price(currency) }}
                 </div>
               </div>
               <div
@@ -181,7 +181,7 @@
                   Delivery:
                 </div>
                 <div class="PricingMainSection__section-content-value">
-                  {{ productPricing.shipping.totalPrice | price }}
+                  {{ productPricing.shipping.totalPrice | price(currency) }}
                 </div>
               </div>
               <div
@@ -192,7 +192,7 @@
                     Total cost:
                   </span>
                   <span class="PricingMainSection__total-cost-value">
-                    {{ productPricing.totalPrice | price }}
+                    {{ productPricing.totalPrice | price(currency) }}
                   </span>
                 </div>
                 <btn
@@ -208,7 +208,7 @@
                   Inclusive of GST:
                 </span>
                 <span class="PricingMainSection__section-content-value">
-                  {{ productPricing.tax.totalPrice | price }}
+                  {{ productPricing.tax.totalPrice | price(currency) }}
                 </span>
               </div>
               <div

package/components/pricing/pricing_example/pricing-example.vue

@@ -55,15 +55,15 @@
                       Tees [AS Colour Staple Tee]:
                     </td>
                     <td class="lc_regular13 lc_bold">
-                      {{ productPricing.amount }} x {{ productPricing.products.products.price | price }} = {{ productPricing.products.products.totalPrice | price }}
+                      {{ productPricing.amount }} x {{ productPricing.products.products.price | price(currency) }} = {{ productPricing.products.products.totalPrice | price(currency) }}
                     </td>
                     <td :rowspan="1 + printsPricing.length">
                       Total cost:
                       <div class="PricingExample__example-total-price">
-                        {{ productPricing.totalPrice | price }}
+                        {{ productPricing.totalPrice | price(currency) }}
                       </div>
                       <div class="PricingExample__example-tax">
-                        Inclusive of GST: {{ productPricing.tax.totalPrice | price }}
+                        Inclusive of GST: {{ productPricing.tax.totalPrice | price(currency) }}
                       </div>
                       <div class="mt-10">
                         + Delivery
@@ -77,11 +77,11 @@
                       {{ print.printArea.name }} [{{ print.printSize.name }}]:
                     </td>
                     <td class="lc_regular13 lc_bold">
-                      {{ productPricing.amount }} x {{ print.price | price }}
+                      {{ productPricing.amount }} x {{ print.price | price(currency) }}
                       <span v-if="print.setupPrice > 0">
-                        + {{ print.setupPrice| price }}
+                        + {{ print.setupPrice| price(currency) }}
                       </span>
-                      = {{ print.totalPrice | price }}
+                      = {{ print.totalPrice | price(currency) }}
                     </td>
                   </tr>
                 </tbody>

package/components/pricing/pricing_products_calculator/pricing_product_calculator/pricing-product-calculator.vue

@@ -113,7 +113,7 @@
               </div>
             </div>
             <div class="PricingProductCalculator__cost">
-              Cost Per Unit: <b>{{ printTypePricing.pricing.products.price | price }}</b>
+              Cost Per Unit: <b>{{ printTypePricing.pricing.products.price | price(currency) }}</b>
             </div>
             <div>
               <v-popover
@@ -143,7 +143,7 @@
             Repeat Print same cost
           </div>
           <div v-else>
-            Repeat Print: {{ (printTypePricing.pricing.products.price - printTypePricing.pricing.products.prints.totalSetupPrice) | price }}
+            Repeat Print: {{ (printTypePricing.pricing.products.price - printTypePricing.pricing.products.prints.totalSetupPrice) | price(currency) }}
           </div>
         </div>
       </div>

package/components/pricing/pricing_screen_printing/pricing-screen-printing.vue

@@ -139,7 +139,7 @@
                   Tees:
                 </div>
                 <div class="PricingScreenPrintSection__section-content-value">
-                  {{ productPricing.amount }} x {{ productPricing.products.products.price | price }} = {{ productPricing.products.products.totalPrice | price }}
+                  {{ productPricing.amount }} x {{ productPricing.products.products.price | price(currency) }} = {{ productPricing.products.products.totalPrice | price(currency) }}
                 </div>
               </div>
               <div class="form-row PricingScreenPrintSection__section-content-row">
@@ -147,7 +147,7 @@
                   Front setup:
                 </div>
                 <div class="PricingScreenPrintSection__section-content-value">
-                  {{ printsPricing.front.colors }} x {{ printsPricing.front.setupPrice | price }} = {{ printsPricing.front.totalSetupPrice | price }}
+                  {{ printsPricing.front.colors }} x {{ printsPricing.front.setupPrice | price(currency) }} = {{ printsPricing.front.totalSetupPrice | price(currency) }}
                 </div>
               </div>
               <div class="form-row PricingScreenPrintSection__section-content-row">
@@ -155,7 +155,7 @@
                   Front print:
                 </div>
                 <div class="PricingScreenPrintSection__section-content-value">
-                  {{ productPricing.amount }} x {{ printsPricing.front.price | price }} = {{ printsPricing.front.totalPrice | price }}
+                  {{ productPricing.amount }} x {{ printsPricing.front.price | price(currency) }} = {{ printsPricing.front.totalPrice | price(currency) }}
                 </div>
               </div>
               <div class="form-row PricingScreenPrintSection__section-content-row">
@@ -163,7 +163,7 @@
                   Back setup:
                 </div>
                 <div class="PricingScreenPrintSection__section-content-value">
-                  {{ printsPricing.back.colors }} x {{ printsPricing.back.setupPrice | price }} = {{ printsPricing.back.totalSetupPrice | price }}
+                  {{ printsPricing.back.colors }} x {{ printsPricing.back.setupPrice | price(currency) }} = {{ printsPricing.back.totalSetupPrice | price(currency) }}
                 </div>
               </div>
               <div class="form-row PricingScreenPrintSection__section-content-row">
@@ -171,7 +171,7 @@
                   Back print:
                 </div>
                 <div class="PricingScreenPrintSection__section-content-value">
-                  {{ productPricing.amount }} x {{ printsPricing.back.price | price }} = {{ printsPricing.back.totalPrice | price }}
+                  {{ productPricing.amount }} x {{ printsPricing.back.price | price(currency) }} = {{ printsPricing.back.totalPrice | price(currency) }}
                 </div>
               </div>
               <div
@@ -181,7 +181,7 @@
                   Delivery:
                 </div>
                 <div class="PricingScreenPrintSection__section-content-value">
-                  {{ productPricing.shipping.totalPrice | price }}
+                  {{ productPricing.shipping.totalPrice | price(currency) }}
                 </div>
               </div>
               <div
@@ -192,7 +192,7 @@
                     Total cost:
                   </span>
                   <span class="PricingScreenPrintSection__total-cost-value">
-                    {{ productPricing.totalPrice | price }}
+                    {{ productPricing.totalPrice | price(currency) }}
                   </span>
                 </div>
                 <btn
@@ -208,7 +208,7 @@
                   Inclusive of GST:
                 </span>
                 <span class="PricingScreenPrintSection__section-content-value">
-                  {{ productPricing.tax.totalPrice | price }}
+                  {{ productPricing.tax.totalPrice | price(currency) }}
                 </span>
               </div>
               <div

package/components/product/product_price_range/product-price-range.vue

@@ -7,7 +7,7 @@
       <div
         v-if="withGst"
         class="lc_h4">
-        {{ product[minPriceAttr] | tax(gstTax) | price }}
+        {{ product[minPriceAttr] | tax(gstTax) | price(currency) }}
         <span
           v-if="visiblePriceInfo"
           class="lc_regular11 lc_bold">inc. GST</span>
@@ -15,7 +15,7 @@
       <div
         v-if="withoutGst"
         :class="withGst ? 'lc_regular11' : 'lc_h4'">
-        {{ prePriceText }} {{ product[minPriceAttr] | price }} + GST
+        {{ prePriceText }} {{ product[minPriceAttr] | price(currency) }} + GST
       </div>
     </div>
     <div
@@ -24,7 +24,7 @@
       <div
         v-if="withGst"
         class="lc_h4">
-        {{ product[minPriceAttr] | tax(gstTax) | price }} {{ rangeDivider }} {{ product[maxPriceAttr] | tax(gstTax) | price }}
+        {{ product[minPriceAttr] | tax(gstTax) | price(currency) }} {{ rangeDivider }} {{ product[maxPriceAttr] | tax(gstTax) | price(currency) }}
         <span
           v-if="visiblePriceInfo"
           class="lc_regular11 lc_bold"> inc. GST</span>
@@ -32,7 +32,7 @@
       <div
         v-if="withoutGst"
         :class="withGst ? 'lc_regular11' : 'lc_h4'">
-        {{ prePriceText }} {{ product[minPriceAttr] | price }} {{ rangeDivider }} {{ product[maxPriceAttr] | price }} + GST
+        {{ prePriceText }} {{ product[minPriceAttr] | price(currency) }} {{ rangeDivider }} {{ product[maxPriceAttr] | price(currency) }} + GST
       </div>
     </div>
   </div>

package/components/product/product_prints_price_info/product_print_price_info/product_print_price_info_item/product-print-price-info-item.vue

@@ -12,7 +12,7 @@
     <div
       v-if="setupCost > 0"
       class="mt-10 lc_h4">
-      Setup Cost: {{ setupCost | price }}
+      Setup Cost: {{ setupCost | price(currency) }}
     </div>
     <div
       v-if="print.freeSetupOver > 0"
@@ -59,7 +59,7 @@ export default {
       return this.print?.printAreas || [];
     },
     setupCost() {
-      const setupCost = print?.setupCost || 0;
+      const setupCost = this.print?.setupCost || 0;
       return this.withGst ? tax(setupCost, this.gstTax) : setupCost;
     },
     pricing() {

package/components/products/product_list_product/product-list-product.vue

@@ -60,12 +60,12 @@
       <div
         v-if="product.minPrice === product.maxPrice"
         class="ProductListProduct__info-item lc_h4">
-        {{ product.minPrice | price }}
+        {{ product.minPrice | price(currency) }}
       </div>
       <div
         v-else
         class="ProductListProduct__info-item lc_h4">
-        {{ product.minPrice | price }} - {{ product.maxPrice | price }}
+        {{ product.minPrice | price(currency) }} - {{ product.maxPrice | price(currency) }}
       </div>
       <div class="ProductListProduct__info-item mt-9 lc_caption">
         {{ product.colors.length }} {{ product.colors.length === 1 ? 'Colour' : 'Colours' }} | Size: {{ product.sizes | sizesRange }}

package/components/quotes/quote_view/quote_option_view/quote-option-view.vue

@@ -8,12 +8,12 @@
         class="QuoteOptionView__product" />
     </div>
     <div class="QuoteOptionView__totals">
-      <div>Products Total: <b>{{ option.productsTotal | price }}</b></div>
-      <div>Prints Total: <b>{{ option.printsTotal | price }}</b></div>
-      <div>Shipping Total: <b>{{ option.shippingTotal | price }}</b></div>
-      <div>Total ex GST: <b>{{ option.total | price }}</b></div>
-      <div>GST: <b>{{ optionGst(option) | price }}</b></div>
-      <div>Total inc GST: <b>{{ option.total | tax(gstTax) | price }}</b></div>
+      <div>Products Total: <b>{{ option.productsTotal | price(currency) }}</b></div>
+      <div>Prints Total: <b>{{ option.printsTotal | price(currency) }}</b></div>
+      <div>Shipping Total: <b>{{ option.shippingTotal | price(currency) }}</b></div>
+      <div>Total ex GST: <b>{{ option.total | price(currency) }}</b></div>
+      <div>GST: <b>{{ optionGst(option) | price(currency) }}</b></div>
+      <div>Total inc GST: <b>{{ option.total | tax(gstTax) | price(currency) }}</b></div>
     </div>
   </div>
 </template>

package/components/quotes/quote_view/quote_product_color_simple_products/quote-product-color-simple-products.vue

@@ -47,7 +47,7 @@
               Unit Cost:
             </div>
             <div class="lc_body-small">
-              {{ group.unitCosts[0] | price }}
+              {{ group.unitCosts[0] | price(currency) }}
             </div>
           </div>
           <div class="QuoteProductColorSimpleProducts__total">
@@ -63,7 +63,7 @@
               Subtotal:
             </div>
             <div class="lc_body-small">
-              {{ group.productsTotal | price }}
+              {{ group.productsTotal | price(currency) }}
             </div>
           </div>
         </div>

package/components/quotes/quote_view/quote_product_prints/quote_product_print/quote-product-print.vue

@@ -15,7 +15,7 @@
       </td>
       <td class="lc_body-small">
         <span class="hidden-md-and-up">Setup cost</span>
-        {{ setupCost | price }}
+        {{ setupCost | price(currency) }}
       </td>
       <td class="lc_body-small">
         <span class="hidden-md-and-up">QTY</span>
@@ -23,12 +23,12 @@
       </td>
       <td class="lc_body-small">
         <span class="hidden-md-and-up">Price</span>
-        {{ printCost | price }}
+        {{ printCost | price(currency) }}
       </td>
       <td class="lc_body-small">
         <span class="hidden-md-and-up">Total</span>
         <strong>
-          {{ total | price }}
+          {{ total | price(currency) }}
         </strong>
       </td>
     </tr>

package/components/quotes/quote_view/quote_view_product/quote-view-product.vue

@@ -49,7 +49,7 @@
         <quote-product-prints :entity="product" />
       </div>
       <div class="QuoteViewProduct__subtotal lc_title">
-        Subtotal: {{ totalPrice | price }}
+        Subtotal: {{ totalPrice | price(currency) }}
       </div>
     </div>
   </div>

package/nuxt.config.js

@@ -1,3 +1,5 @@
+const sharedRoutes = require('./routes');
+
 module.exports = (config, axios, { raygunClient } = {}) => ({
   mode: 'universal',
   head: {
@@ -179,5 +181,13 @@ module.exports = (config, axios, { raygunClient } = {}) => ({
         }, [])
       };
     }
-  }]
+  }],
+  router: {
+    extendRoutes(routes, resolve) {
+      return [
+        ...sharedRoutes(routes, resolve),
+        ...routes,
+      ];
+    }
+  }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lancom/shared",
-  "version": "0.0.199",
+  "version": "0.0.201",
   "description": "lancom common scripts",
   "author": "e.tokovenko <e.tokovenko@gmail.com>",
   "repository": {

package/pages/order/_token/index.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="OrderViewPage__wrapper">
+    <div :class="isFullScreen ? '' : 'content-inner'">
+      <order-view
+        :order="order"
+        :responsive="!isFullScreen" />
+    </div>
+  </div>
+</template>
+
+<script>
+import metaInfo from '@lancom/shared/mixins/meta-info';
+import api from '@lancom/shared/assets/js/api';
+
+export default {
+  name: 'OrderViewPage',
+  components: {
+    OrderView: () => import('@lancom/shared/components/order/order_view/order-view')
+  },
+  mixins: [metaInfo],
+  layout: 'empty',
+  async asyncData({ params, error }) {
+    try {
+      const order = await api.fetchOrderByToken(params.token, { mergePrints: true });
+      return { order };
+    } catch (e) {
+      const { status, data } = e?.response || {};
+      const statusCode = status || 500;
+      error({
+        statusCode,
+        error: data?.error || 'Order not found'
+      });
+    }
+  },
+  data() {
+    return {
+      order: null,
+      isFullScreen: this.$route.query.print
+    };
+  }
+};
+</script>
+
+<style lang="scss">
+</style>