npm - @crm-market/template-shared - Versions diffs - 1.0.0 - Mend

@crm-market/template-shared 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (160) hide show

package/assets/css/custom.css +70 -0
package/assets/css/remixicon.css +2782 -0
package/assets/css/satoshi-font.css +31 -0
package/assets/fonts/flaticon.css +463 -0
package/assets/fonts/flaticon.eot +0 -0
package/assets/fonts/flaticon.html +2153 -0
package/assets/fonts/flaticon.svg +441 -0
package/assets/fonts/flaticon.ttf +0 -0
package/assets/fonts/flaticon.woff +0 -0
package/assets/fonts/flaticon.woff2 +0 -0
package/assets/fonts/remixicon.eot +0 -0
package/assets/fonts/remixicon.svg +8230 -0
package/assets/fonts/remixicon.ttf +0 -0
package/assets/fonts/remixicon.woff +0 -0
package/assets/fonts/remixicon.woff2 +0 -0
package/assets/scss/_variables.scss +31 -0
package/assets/scss/components/_about.scss +58 -0
package/assets/scss/components/_authentication.scss +124 -0
package/assets/scss/components/_backtoptop.scss +27 -0
package/assets/scss/components/_banner.scss +396 -0
package/assets/scss/components/_best-deals.scss +74 -0
package/assets/scss/components/_blank.scss +40 -0
package/assets/scss/components/_blog.scss +193 -0
package/assets/scss/components/_cart.scss +108 -0
package/assets/scss/components/_categories.scss +82 -0
package/assets/scss/components/_checkout.scss +110 -0
package/assets/scss/components/_dashboard.scss +388 -0
package/assets/scss/components/_faq.scss +22 -0
package/assets/scss/components/_filter-rang.scss +109 -0
package/assets/scss/components/_footer.scss +270 -0
package/assets/scss/components/_global.scss +550 -0
package/assets/scss/components/_header.scss +587 -0
package/assets/scss/components/_hurry.scss +52 -0
package/assets/scss/components/_navbar.scss +1008 -0
package/assets/scss/components/_offers.scss +689 -0
package/assets/scss/components/_pagination.scss +71 -0
package/assets/scss/components/_popup.scss +172 -0
package/assets/scss/components/_preloader.scss +108 -0
package/assets/scss/components/_products.scss +1147 -0
package/assets/scss/components/_rtl.scss +806 -0
package/assets/scss/components/_services.scss +16 -0
package/assets/scss/components/_sidebar.scss +259 -0
package/assets/scss/style.css +6676 -0
package/assets/scss/style.css.map +1 -0
package/assets/scss/style.scss +40 -0
package/assets/webfonts/Satoshi-Bold.eot +0 -0
package/assets/webfonts/Satoshi-Bold.woff +0 -0
package/assets/webfonts/Satoshi-Bold.woff2 +0 -0
package/assets/webfonts/Satoshi-Medium.eot +0 -0
package/assets/webfonts/Satoshi-Medium.woff +0 -0
package/assets/webfonts/Satoshi-Medium.woff2 +0 -0
package/assets/webfonts/Satoshi-Regular.eot +0 -0
package/assets/webfonts/Satoshi-Regular.woff +0 -0
package/assets/webfonts/Satoshi-Regular.woff2 +0 -0
package/components/AboutUs/AboutUsTuan.vue +25 -0
package/components/AboutUs/Statistics.vue +42 -0
package/components/AboutUs/SubscribeToTheNewsletter.vue +57 -0
package/components/AddAddress/index.vue +70 -0
package/components/BestSellers/Products.vue +1562 -0
package/components/BestSellers/RecentlyViewed.vue +304 -0
package/components/Cart/ProductQuantity.vue +29 -0
package/components/Cart/index.vue +167 -0
package/components/Categories/index.vue +305 -0
package/components/ChangePassword/index.vue +71 -0
package/components/Checkout/index.vue +192 -0
package/components/Common/DashboardNavigation.vue +37 -0
package/components/Common/PageBanner.vue +28 -0
package/components/Common/ProductCard.vue +152 -0
package/components/Common/Services.vue +58 -0
package/components/Contact/ContactForm.vue +91 -0
package/components/Contact/ContactInfo.vue +74 -0
package/components/Dashboard/RecentOrder.vue +173 -0
package/components/Dashboard/index.vue +79 -0
package/components/EditAddress/index.vue +119 -0
package/components/EditProfile/index.vue +97 -0
package/components/FAQ/index.vue +121 -0
package/components/FeaturedProduct/FeaturedProducts.vue +304 -0
package/components/FeaturedProduct/Products.vue +1562 -0
package/components/ForgotPassword/index.vue +51 -0
package/components/Layout/BackToUp.vue +38 -0
package/components/Layout/Copyright.vue +25 -0
package/components/Layout/Footer.vue +183 -0
package/components/Layout/FooterTwo.vue +165 -0
package/components/Layout/LocationOption.vue +178 -0
package/components/Layout/MiddleHeader.vue +229 -0
package/components/Layout/MiddleHeaderThree.vue +204 -0
package/components/Layout/MiddleHeaderTwo.vue +240 -0
package/components/Layout/Navbar.vue +185 -0
package/components/Layout/NavbarStyleFour.vue +334 -0
package/components/Layout/NavbarStyleThree.vue +188 -0
package/components/Layout/NavbarStyleTwo.vue +108 -0
package/components/Layout/Preloader.vue +18 -0
package/components/Layout/RTLSwitchBtn.vue +40 -0
package/components/Layout/ResponsiveNavbar.vue +431 -0
package/components/Layout/TopHeader.vue +130 -0
package/components/Login/index.vue +94 -0
package/components/MyAccount/index.vue +154 -0
package/components/NewArrivals/Products.vue +1969 -0
package/components/NewArrivals/RecentlyViewed.vue +304 -0
package/components/OrderDetails/index.vue +77 -0
package/components/OrderHistory/index.vue +197 -0
package/components/PrivacyPolicy/index.vue +112 -0
package/components/ProductDetails/ProductDetailsTab.vue +343 -0
package/components/ProductDetails/ProductQuantity.vue +29 -0
package/components/ProductDetails/RecentlyViewed.vue +304 -0
package/components/ProductDetails/index.vue +268 -0
package/components/Products/RecentlyViewed.vue +304 -0
package/components/Products/index.vue +292 -0
package/components/Register/index.vue +88 -0
package/components/TermsConditions/index.vue +112 -0
package/components/TrendingProducts/FeaturedProducts.vue +304 -0
package/components/TrendingProducts/Products.vue +1564 -0
package/components/Wishlist/ProductQuantity.vue +29 -0
package/components/Wishlist/index.vue +128 -0
package/composables/useCart.ts +149 -0
package/composables/useCategories.ts +87 -0
package/composables/useCheckout.ts +131 -0
package/composables/useProducts.ts +162 -0
package/composables/useSiteConfig.ts +236 -0
package/composables/useTemplateSections.ts +74 -0
package/e2e/cart.spec.ts +71 -0
package/e2e/fixtures/mock-api.ts +166 -0
package/e2e/homepage.spec.ts +65 -0
package/e2e/layout.spec.ts +73 -0
package/e2e/navigation.spec.ts +61 -0
package/e2e/pages/cart.page.ts +44 -0
package/e2e/pages/homepage.page.ts +46 -0
package/e2e/playwright.config.ts +32 -0
package/e2e/products.spec.ts +33 -0
package/layouts/default.vue +94 -0
package/layouts/inner.vue +70 -0
package/nuxt.config.ts +86 -0
package/package.json +38 -0
package/pages/about-us.vue +12 -0
package/pages/address.vue +10 -0
package/pages/cart.vue +10 -0
package/pages/categories.vue +10 -0
package/pages/change-password.vue +10 -0
package/pages/checkout.vue +10 -0
package/pages/contact.vue +11 -0
package/pages/dashboard.vue +10 -0
package/pages/edit-address.vue +10 -0
package/pages/edit-profile.vue +10 -0
package/pages/faq.vue +10 -0
package/pages/forgot-password.vue +10 -0
package/pages/login.vue +10 -0
package/pages/my-account.vue +10 -0
package/pages/order-details.vue +10 -0
package/pages/order-history.vue +10 -0
package/pages/privacy-policy.vue +10 -0
package/pages/product-details.vue +10 -0
package/pages/products.vue +10 -0
package/pages/register.vue +10 -0
package/pages/terms-conditions.vue +10 -0
package/pages/wishlist.vue +10 -0
package/plugins/site-init.client.ts +24 -0
package/plugins/vuetify.ts +18 -0
package/types/index.ts +121 -0
package/utils/image.ts +13 -0
package/utils/store.ts +21 -0

package/components/NewArrivals/RecentlyViewed.vue ADDED Viewed

@@ -0,0 +1,304 @@
+<template>
+  <div class="recently-viewed-area pb-60 products-page">
+    <div class="container position-relative">
+      <div
+        class="d-lg-flex align-items-center justify-content-between text-center mb-27 mt-minus-6 border-top pt-4"
+      >
+        <h3 class="fs-3 mb-0 mb-1 mb-sm-0">Recently Viewed</h3>
+        <div>
+          <NuxtLink to="/products" class="read-more">
+            <span>See All Deals</span>
+            <i class="ri-arrow-right-up-line ms-1"></i>
+          </NuxtLink>
+        </div>
+      </div>
+      <div class="row justify-content-center g-0">
+        <div class="col-c-20">
+          <div class="single-product-telemobile-item">
+            <div class="product-img position-relative">
+              <NuxtLink to="/product-details" class="d-block">
+                <img src="~/assets/images/product-1.png" alt="product" />
+              </NuxtLink>
+              <div
+                class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
+              >
+                <span class="minus-count">-11%</span>
+                <button class="border-0 wish-btn">
+                  <i class="ri-heart-line"></i>
+                  <i class="ri-heart-fill d-none"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Favorite
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+            <div class="product-content">
+              <NuxtLink to="/product-details" class="title">
+                Microwave Oven With LED Lighting - 700 Watts, 0.7 cu ft
+              </NuxtLink>
+              <div class="d-flex gap-1 review">
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <span>(5 Reviews)</span>
+              </div>
+              <h3>$399 <del>$450</del></h3>
+              <div class="d-flex sold-stock gap-4 align-items-center">
+                <span class="sold">620 Sold</span>
+                <span class="stock">
+                  <i class="ri-check-line"></i> 150 In Stock
+                </span>
+              </div>
+              <div
+                class="d-flex align-items-center justify-content-between delivery-cart gap-4"
+              >
+                <span class="delivery">
+                  <i class="ri-truck-line"></i>
+                  Free Delivery
+                </span>
+                <button class="cart-btn">
+                  <i class="ri-shopping-cart-line"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Add To Cart
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-c-20">
+          <div class="single-product-telemobile-item">
+            <div class="product-img position-relative">
+              <NuxtLink to="/product-details" class="d-block">
+                <img src="~/assets/images/product-6.png" alt="product" />
+              </NuxtLink>
+              <div
+                class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
+              >
+                <span class="minus-count">-15%</span>
+                <button class="border-0 wish-btn">
+                  <i class="ri-heart-line"></i>
+                  <i class="ri-heart-fill d-none"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Favorite
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+            <div class="product-content">
+              <NuxtLink to="/product-details" class="title">
+                Multiplatform Wireless Noise-Cancelling Gaming Headset
+              </NuxtLink>
+              <div class="d-flex gap-1 review">
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <span>(18 Reviews)</span>
+              </div>
+              <h3>$279 <del>$329</del></h3>
+              <div class="d-flex sold-stock gap-4 align-items-center">
+                <span class="sold">20 Sold</span>
+                <span class="stock">
+                  <i class="ri-check-line"></i>
+                  78 In Stock
+                </span>
+              </div>
+              <div
+                class="d-flex align-items-center justify-content-between delivery-cart gap-4"
+              >
+                <span class="delivery">
+                  <i class="ri-truck-line"></i>
+                  Free Delivery
+                </span>
+                <button class="cart-btn">
+                  <i class="ri-shopping-cart-line"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Add To Cart
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-c-20">
+          <div class="single-product-telemobile-item">
+            <div class="product-img position-relative">
+              <NuxtLink to="/product-details" class="d-block">
+                <img src="~/assets/images/product-7.png" alt="product" />
+              </NuxtLink>
+              <div
+                class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
+              >
+                <span class="minus-count">-40%</span>
+                <button class="border-0 wish-btn">
+                  <i class="ri-heart-line"></i>
+                  <i class="ri-heart-fill d-none"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Favorite
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+            <div class="product-content">
+              <NuxtLink to="/product-details" class="title">
+                GPS Smartwatch with Bright Touchscreen Display
+              </NuxtLink>
+              <div class="d-flex gap-1 review">
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <span>(24 Reviews)</span>
+              </div>
+              <h3>$119 <del>$199</del></h3>
+              <div class="d-flex sold-stock gap-4 align-items-center">
+                <span class="sold">435 Sold</span>
+                <span class="stock">
+                  <i class="ri-check-line"></i>
+                  180 In Stock
+                </span>
+              </div>
+              <div
+                class="d-flex align-items-center justify-content-between delivery-cart gap-4"
+              >
+                <span class="delivery">
+                  <i class="ri-truck-line"></i>
+                  Free Delivery
+                </span>
+                <button class="cart-btn">
+                  <i class="ri-shopping-cart-line"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Add To Cart
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-c-20">
+          <div class="single-product-telemobile-item">
+            <div class="product-img position-relative">
+              <NuxtLink to="/product-details" class="d-block">
+                <img src="~/assets/images/product-8.png" alt="product" />
+              </NuxtLink>
+              <div
+                class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
+              >
+                <span class="minus-count">-20%</span>
+                <button class="border-0 wish-btn">
+                  <i class="ri-heart-line"></i>
+                  <i class="ri-heart-fill d-none"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Favorite
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+            <div class="product-content">
+              <NuxtLink to="/product-details" class="title">
+                SAMSUNG 32-Inch Class QLED 4K Q60C Series Quantum HDR
+              </NuxtLink>
+              <div class="d-flex gap-1 review">
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <span>(19 Reviews)</span>
+              </div>
+              <h3>$397 <del>$497</del></h3>
+              <div class="d-flex sold-stock gap-4 align-items-center">
+                <span class="sold">35 Sold</span>
+                <span class="stock">
+                  <i class="ri-check-line"></i>
+                  125 In Stock
+                </span>
+              </div>
+              <div
+                class="d-flex align-items-center justify-content-between delivery-cart gap-4"
+              >
+                <span class="delivery">
+                  <i class="ri-truck-line"></i>
+                  Free Delivery
+                </span>
+                <button class="cart-btn">
+                  <i class="ri-shopping-cart-line"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Add To Cart
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-c-20">
+          <div class="single-product-telemobile-item">
+            <div class="product-img position-relative">
+              <NuxtLink to="/product-details" class="d-block">
+                <img src="~/assets/images/product-9.png" alt="product" />
+              </NuxtLink>
+              <div
+                class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
+              >
+                <span class="minus-count">-10%</span>
+                <button class="border-0 wish-btn">
+                  <i class="ri-heart-line"></i>
+                  <i class="ri-heart-fill d-none"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Favorite
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+            <div class="product-content">
+              <NuxtLink to="/product-details" class="title">
+                Apple MacBook Pro 16.2" with Liquid Retina XDR Display
+              </NuxtLink>
+              <div class="d-flex gap-1 review">
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <span>(76 Reviews)</span>
+              </div>
+              <h3>$3,499 <del>$3,799</del></h3>
+              <div class="d-flex sold-stock gap-4 align-items-center">
+                <span class="sold">348 Sold</span>
+                <span class="stock">
+                  <i class="ri-check-line"></i>
+                  245 In Stock
+                </span>
+              </div>
+              <div
+                class="d-flex align-items-center justify-content-between delivery-cart gap-4"
+              >
+                <span class="delivery">
+                  <i class="ri-truck-line"></i>
+                  Free Delivery
+                </span>
+                <button class="cart-btn">
+                  <i class="ri-shopping-cart-line"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Add To Cart
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "RecentlyViewed",
+};
+</script>

package/components/OrderDetails/index.vue ADDED Viewed

@@ -0,0 +1,77 @@
+<template>
+  <section class="dashboard-area ptb-60">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-4">
+          <CommonDashboardNavigation />
+        </div>
+        <div class="col-lg-8">
+          <div class="row">
+            <div class="col-lg-6 col-md-6">
+              <h3 class="order-details-title">Order Details</h3>
+              <div class="order-details-area">
+                <div class="cart-totals">
+                  <h3>Order number: #001</h3>
+                  <p>Order created at: 30 August, 2021</p>
+                  <NuxtLink to="/order-history" class="read-more">
+                    Back History
+                  </NuxtLink>
+                  <ul>
+                    <li>Subtotal <span>$240.00</span></li>
+                    <li>Shipping <span>$240.00</span></li>
+                    <li>Coupon <span>$00.00</span></li>
+                    <li>Total <span>$240.00</span></li>
+                    <li>
+                      <b>Total</b> <span><b>$240.00</b></span>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <div class="col-lg-6 col-md-6">
+              <div class="billing-address-bar orders-details mb-0">
+                <h3>Billing Address</h3>
+                <ul>
+                  <li class="p-0">Amanda McCarter</li>
+                  <li>
+                    <span>Address:</span>
+                    4 Shady Pines Drive Bowling Green
+                  </li>
+                </ul>
+                <ul>
+                  <li>
+                    <span>Phone:</span>
+                    <a href="tel:270-957-9995">270-957-9995</a>
+                  </li>
+                  <li>
+                    <span>Email:</span>
+                    <a href="mailto:contact@tuan.com">contact@tuan.com</a>
+                  </li>
+                </ul>
+                <div class="edit-address">
+                  <NuxtLink
+                    to="/edit-address"
+                    class="btn btn-warning text-white"
+                  >
+                    Edit Address
+                  </NuxtLink>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+<script>
+export default {
+  name: "OrderDetails",
+};
+</script>

package/components/OrderHistory/index.vue ADDED Viewed

@@ -0,0 +1,197 @@
+<template>
+  <section class="dashboard-area ptb-60">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-4">
+          <CommonDashboardNavigation />
+        </div>
+        <div class="col-lg-8">
+          <div class="cart-area recent-order">
+            <h3 class="mb-3">Order History</h3>
+            <form class="cart-controller mb-0">
+              <div class="cart-table table-responsive">
+                <table class="table table-bordered align-middle">
+                  <thead>
+                    <tr>
+                      <th scope="col">Trash</th>
+                      <th scope="col">Product</th>
+                      <th scope="col"></th>
+                      <th scope="col">Order</th>
+                      <th scope="col">Quantity</th>
+                      <th scope="col">Status</th>
+                      <th scope="col">Total</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td class="trash">
+                        <a href="#" class="remove">
+                          <i class="ri-delete-bin-line"></i>
+                        </a>
+                      </td>
+                      <td class="product-thumbnail">
+                        <NuxtLink to="/product-details">
+                          <img
+                            src="~/assets/images/product-6.png"
+                            alt="Image"
+                          />
+                        </NuxtLink>
+                      </td>
+                      <td class="product-name">
+                        <NuxtLink to="/product-details" class="title">
+                          Multiplatform Wireless Noise-Cancelling Gaming Headset
+                        </NuxtLink>
+                      </td>
+                      <td class="product-price">
+                        <span class="unit-amount">#001</span>
+                      </td>
+                      <td class="product-price">
+                        <span class="unit-amount">01</span>
+                      </td>
+                      <td class="product-subtotal">
+                        <span class="subtotal-amount">Paid</span>
+                      </td>
+                      <td class="product-subtotal">
+                        <span class="subtotal-amount">$279.00</span>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="trash">
+                        <a href="#" class="remove">
+                          <i class="ri-delete-bin-line"></i>
+                        </a>
+                      </td>
+                      <td class="product-thumbnail">
+                        <NuxtLink to="/product-details">
+                          <img
+                            src="~/assets/images/product-7.png"
+                            alt="Image"
+                          />
+                        </NuxtLink>
+                      </td>
+                      <td class="product-name">
+                        <NuxtLink to="/product-details" class="title">
+                          GPS Smartwatch with Bright Touchscreen Display
+                        </NuxtLink>
+                      </td>
+                      <td class="product-price">
+                        <span class="unit-amount">#005</span>
+                      </td>
+                      <td class="product-price">
+                        <span class="unit-amount">02</span>
+                      </td>
+                      <td class="product-subtotal">
+                        <span class="subtotal-amount">Pending</span>
+                      </td>
+                      <td class="product-subtotal">
+                        <span class="subtotal-amount">$119.00</span>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="trash">
+                        <a href="#" class="remove">
+                          <i class="ri-delete-bin-line"></i>
+                        </a>
+                      </td>
+                      <td class="product-thumbnail">
+                        <NuxtLink to="/product-details">
+                          <img
+                            src="~/assets/images/product-8.png"
+                            alt="Image"
+                          />
+                        </NuxtLink>
+                      </td>
+                      <td class="product-name">
+                        <NuxtLink to="/product-details" class="title">
+                          SAMSUNG 32-Inch Class QLED 4K Q60C Series Quantum HDR
+                        </NuxtLink>
+                      </td>
+                      <td class="product-price">
+                        <span class="unit-amount">#009</span>
+                      </td>
+                      <td class="product-price">
+                        <span class="unit-amount">02</span>
+                      </td>
+                      <td class="product-subtotal">
+                        <span class="subtotal-amount">Failed</span>
+                      </td>
+                      <td class="product-subtotal">
+                        <span class="subtotal-amount">$397.00</span>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="trash">
+                        <a href="#" class="remove">
+                          <i class="ri-delete-bin-line"></i>
+                        </a>
+                      </td>
+                      <td class="product-thumbnail">
+                        <NuxtLink to="/product-details">
+                          <img
+                            src="~/assets/images/product-9.png"
+                            alt="Image"
+                          />
+                        </NuxtLink>
+                      </td>
+                      <td class="product-name">
+                        <NuxtLink to="/product-details" class="title">
+                          Apple MacBook Pro 16.2" with Liquid Retina XDR Display
+                        </NuxtLink>
+                      </td>
+                      <td class="product-price">
+                        <span class="unit-amount">#0062</span>
+                      </td>
+                      <td class="product-price">
+                        <span class="unit-amount">02</span>
+                      </td>
+                      <td class="product-subtotal">
+                        <span class="subtotal-amount">Paid</span>
+                      </td>
+                      <td class="product-subtotal">
+                        <span class="subtotal-amount">$3499.00</span>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+<script>
+export default {
+  name: "OrderHistory",
+};
+</script>