From 490fbfb646eb1aa85f1401b3be6bee60aa6288fa Mon Sep 17 00:00:00 2001
From: Dillon Ngo <dillonngoweijoon@gmail.com>
Date: Fri, 29 Dec 2023 00:14:49 +0800
Subject: [PATCH] Laravel Vapor - Fix path to static images

---
 .../elements/DownloadSupplierWhiteFormComponent.vue         | 2 +-
 .../components/bookings/elements/ListVouchersComponent.vue  | 2 +-
 .../vue/components/bookings/forms/BookingFormComponent.vue  | 6 +++---
 .../bookings/forms/BookingPaymentQuotationComponent.vue     | 6 +++---
 .../components/bookings/forms/RateHistoriesComponent.vue    | 4 ++--
 .../companies/elements/BulkDownloadInvoiceComponent.vue     | 2 +-
 .../companies/elements/NewServiceAnnouncementComponent.vue  | 6 +++---
 .../general/elements/DocumentFileViewerComponent.vue        | 4 ++--
 .../vue/components/general/elements/ListComponent.vue       | 2 +-
 .../components/general/elements/ListPollingComponent.vue    | 2 +-
 .../general/elements/NotificationSectionComponent.vue       | 4 ++--
 .../vue/components/general/elements/SearchComponent.vue     | 4 ++--
 .../vue/components/general/elements/bearComponent.vue       | 4 ++--
 .../vue/components/general/forms/FileUploadComponent.vue    | 6 +++---
 .../segments/elements/SegmentCompanyComponent.vue           | 6 +++---
 .../elements/CustomerTransactionSectionComponent.vue        | 2 +-
 .../vue/components/wallets/elements/WalletComponent.vue     | 6 +++---
 resources/views/emails/layout/base.blade.php                | 4 ++--
 resources/views/pages/accounts/login.blade.php              | 2 +-
 resources/views/pages/accounts/sign_up.blade.php            | 4 ++--
 20 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/resources/assets/vue/components/bookings/elements/DownloadSupplierWhiteFormComponent.vue b/resources/assets/vue/components/bookings/elements/DownloadSupplierWhiteFormComponent.vue
index 827557ea..59465f25 100644
--- a/resources/assets/vue/components/bookings/elements/DownloadSupplierWhiteFormComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/DownloadSupplierWhiteFormComponent.vue
@@ -35,7 +35,7 @@
             <div class="row align-items-center justify-content-center bg-white p-t-50 p-b-50 p-l-15 p-r-15 margin-15" v-if="returnData">
                 <div class="col-10">
                     <div class="row align-items-center justify-content-center  hint-text">
-                        <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text" /></div>
+                        <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text" /></div>
                     </div>
                     <div class="row text-center">
                         <div class="col">
diff --git a/resources/assets/vue/components/bookings/elements/ListVouchersComponent.vue b/resources/assets/vue/components/bookings/elements/ListVouchersComponent.vue
index e55e5151..7b4664a7 100644
--- a/resources/assets/vue/components/bookings/elements/ListVouchersComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/ListVouchersComponent.vue
@@ -5,7 +5,7 @@
             <div class="row align-items-center justify-content-center bg-white p-t-50 p-b-50"  v-show="!isLoading && vouchers.length === 0">
                 <div class="col-10">
                     <div class="row align-items-center justify-content-center  hint-text">
-                        <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                        <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                     </div>
                     <div class="row text-center">
                         <div class="col">
diff --git a/resources/assets/vue/components/bookings/forms/BookingFormComponent.vue b/resources/assets/vue/components/bookings/forms/BookingFormComponent.vue
index d9c009b5..7c742d11 100644
--- a/resources/assets/vue/components/bookings/forms/BookingFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/BookingFormComponent.vue
@@ -7,7 +7,7 @@
                         <div class="col">
                             <div class="row">
                                 <div class="col">
-                                    <img src="/images/3568950.png" class="w-100">
+                                    <img :src="asset('images/3568950.png')" class="w-100">
                                 </div>
                             </div>
                             <div class="row">
@@ -21,7 +21,7 @@
                     <div class="row no-margin">
                         <div class="col bg-white p-t-15 p-b-10 p-l-25 p-r-25">
                             <div class="absolute w-100 h-100 bg-white hint-text" style="top: 0; left: 0; z-index: 1;" v-if="!data.services.length"></div>
-                            <img src="/images/order_form.png" class="w-100" v-if="!data.services.length">
+                            <img :src="asset('images/order_form.png')" class="w-100" v-if="!data.services.length">
                             <div class="row" v-if="data.services.length">
                                 <div class="col">
                                     <div class="row p-t-5 p-b-20">
@@ -45,7 +45,7 @@
                                                             <div class="btn btn-xs b-rad-none padding-25 btn-block" :class="[{'btn-success': serviceType.id === service.id}, {'bg-master-lighter': serviceType.id !== service.id}]" @click="updateServiceType(service)">
                                                                 {{service.name}}
                                                                 <span class="absolute" style="right: -10px;top: -15px;width: 30px;" v-if="index !==0">
-                                                                    <img src="/images/new-icon.png" class="w-100">
+                                                                    <img :src="asset('images/new-icon.png')" class="w-100">
                                                                 </span>
                                                             </div>
                                                         </div>
diff --git a/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue b/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
index 9020fbce..57a5a93f 100644
--- a/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
@@ -60,7 +60,7 @@
                     </div>
                     <div class="row align-items-center">
                         <div class="col-auto p-r-0">
-                            <img v-if="item.service.id === 4" src="/images/1688_logo.png" alt="" width="40">
+                            <img v-if="item.service.id === 4" :src="asset('images/1688_logo.png')" alt="" width="40">
                             <div v-if="item.service.id !== 4" class="padding-5 bg-master-light">
                                 <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
                                      width="30" height="30"
@@ -274,7 +274,7 @@
                                                     <div class="row h-100">
                                                         <div class="col b-a padding-10 pointer" :class="{ 'b-primary': paymentMethod.name === 'Online Transfer', 'text-primary': paymentMethod.name === 'Online Transfer', 'b-grey': paymentMethod.name !== 'Online Transfer' }" @click="updatePaymentType({name: 'Online Transfer', id: 'payment_gateway'})">
                                                             <div class="m-b-15 m-t-10 text-center">
-                                                            <img src="/images/fpx-logo-vector-01.png" alt="logo" height="25">
+                                                            <img :src="asset('images/fpx-logo-vector-01.png')" alt="logo" height="25">
                                                             </div>
                                                             <p id="online-banking" class="no-margin bold all-caps">Online Banking</p>
                                                         </div>
@@ -304,7 +304,7 @@
                                                                 viewBox="0 0 172 172"
                                                                 style=" fill:#000000;"><defs><linearGradient x1="57.68181" y1="83.3125" x2="57.68181" y2="110.85938" gradientUnits="userSpaceOnUse" id="color-1_49456_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="81.24581" y1="83.3125" x2="81.24581" y2="110.85938" gradientUnits="userSpaceOnUse" id="color-2_49456_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="108.2955" y1="83.3125" x2="108.2955" y2="110.85938" gradientUnits="userSpaceOnUse" id="color-3_49456_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="92.74562" y1="11.42456" x2="80.64919" y2="156.54956" gradientUnits="userSpaceOnUse" id="color-4_49456_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="98.427" y1="11.89756" x2="86.33325" y2="157.02256" gradientUnits="userSpaceOnUse" id="color-5_49456_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M48.375,92.53331c0,-2.408 -0.06987,-3.84581 -0.19888,-6.53331h4.64669l0.258,2.6875h0.129c0.903,0 3.1175,-3.23844 6.60319,-3.23844c3.655,0 7.37719,2.74125 7.37719,9.36594v12.685h-5.375v-12.083c0,-3.01269 -1.0105,-5.29169 -3.89419,-5.29169c-2.107,0 -3.483,1.505 -4.042,3.096c-0.17469,0.47569 -0.129,1.12069 -0.129,1.72269v12.556h-5.375z" fill="url(#color-1_49456_gr1)"></path><path d="M76.68781,99.4375c0.129,2.6875 3.096,4.82944 6.45269,4.82944c2.451,0 4.214,-0.63963 5.80769,-1.24163l0.774,3.50719c-1.806,0.731 -4.30269,1.21744 -7.31269,1.21744c-6.79669,0 -10.79838,-4.20862 -10.79838,-10.61831c0,-5.80769 3.52869,-11.29019 10.23937,-11.29019c6.79669,0 9.03269,6.17319 9.03269,10.77688c0,0.989 -0.086,0.13169 -0.172,2.81919zM85.8925,96.75c0.043,-5.375 -0.817,-7.80719 -4.34569,-7.80719c-3.27069,0 -4.64669,2.43219 -4.86169,7.80719z" fill="url(#color-2_49456_gr2)"></path><path d="M98.18513,86l2.193,9.417c0.47569,2.236 0.94869,4.0205 1.33569,6.708h0.086c0.43,-2.6875 1.118,-4.515 1.72,-6.665l2.709,-9.46h4.30269l2.623,9.202c0.64769,2.451 1.20669,4.2355 1.67969,6.923h0.086c0.344,-2.6875 0.817,-4.472 1.376,-6.923l2.322,-9.202h5.20569l-6.58169,21.5h-4.90469l-2.494,-8.9655c-0.645,-2.19569 -1.118,-4.472 -1.591,-7.1595h-0.086c-0.43,2.6875 -0.989,5.0955 -1.591,7.1595l-2.66869,8.9655h-4.94769l-6.19469,-21.5z" fill="url(#color-3_49456_gr3)"></path><path d="M147.8125,92.35325c0,-4.15219 -2.82994,-8.16463 -7.71044,-11.11819c2.78156,-4.26775 3.53944,-8.557 2.05863,-12.08569c-1.60981,-3.83506 -5.77544,-6.46612 -11.43531,-7.34225c0.92181,-4.99606 -0.03762,-9.245 -2.76812,-11.94325c-2.58538,-2.55581 -6.66769,-3.54212 -11.47025,-2.8165c-1.22819,-4.32956 -3.60394,-7.3745 -6.84237,-8.69944c-4.3645,-1.77913 -10.07544,-0.16125 -15.26769,4.35375l3.52869,4.05813c3.51794,-3.05837 7.31806,-4.40212 9.70456,-3.43462c2.021,0.82775 3.57706,3.56094 4.16562,7.31806l0.46494,2.96431l2.89444,-0.78475c3.999,-1.07769 7.39331,-0.76325 9.04075,0.86537c1.74956,1.73075 1.98606,5.4395 0.61544,9.68306l-1.0965,3.39431l3.56363,0.11825c5.00144,0.16931 8.90369,1.87319 9.94375,4.35106c0.946,2.2575 -0.27681,5.77006 -3.19275,9.17244l-2.33544,2.72781l3.27875,1.47275c4.54725,2.03444 7.48469,5.07669 7.48469,7.74537c0,2.44562 -2.49669,5.23525 -6.51719,7.28581l-3.20081,1.62862l2.46981,2.61225c3.40237,3.59588 4.93156,7.50619 3.89956,9.96794c-1.11531,2.65525 -5.68944,4.48006 -11.03756,4.36719l-4.29194,-0.06719l1.81406,3.8915c1.978,4.24356 2.73587,9.77444 0.34669,12.13138c-1.8275,1.81137 -5.89906,1.98875 -10.37913,0.45687l-3.34056,-1.14219l-0.21231,3.52331c-0.2795,4.64131 -1.99681,8.26944 -4.38063,9.24231c-2.39187,0.98362 -6.22694,-0.387 -9.76906,-3.49375l-2.63644,-2.31125l-1.54531,3.14975c-2.06131,4.19519 -5.06594,6.90419 -7.65669,6.90419c-2.58806,0 -5.59269,-2.71169 -7.65669,-6.90419l-1.548,-3.14706l-2.63375,2.31125c-3.53944,3.10406 -7.37719,4.46931 -9.76906,3.49375c-3.27875,-1.33838 -4.57681,-6.82356 -4.39944,-11.352l0.16931,-4.25162l-3.91031,1.67431c-4.94231,2.10969 -9.84162,2.16881 -11.91369,0.12363c-1.91081,-1.88663 -2.01562,-6.08181 -0.26875,-10.68281l1.27119,-3.33787l-3.56094,-0.29563c-4.52038,-0.37356 -7.91469,-2.01294 -8.86875,-4.28387c-1.032,-2.46175 0.49988,-6.37206 3.89956,-9.96794l2.46981,-2.61225l-3.20081,-1.62863c-4.0205,-2.04787 -6.51719,-4.84019 -6.51719,-7.28581c0,-2.66869 2.93744,-5.71094 7.482,-7.75344l3.27875,-1.47275l-2.33544,-2.72781c-2.91594,-3.40237 -4.13606,-6.91494 -3.19275,-9.17244c0.88956,-2.11506 3.88075,-3.68456 8.00606,-4.20056l3.00194,-0.37356l-0.72831,-2.94013c-0.91106,-3.68456 -0.53481,-6.79131 1.00512,-8.31244c1.83287,-1.81406 5.90713,-1.98875 10.37644,-0.45688l3.34325,1.14487l0.20962,-3.52869c0.2795,-4.644 1.99681,-8.26944 4.38063,-9.24231c2.39994,-0.989 6.22962,0.38969 9.76906,3.49375l3.54213,-4.042c-5.20838,-4.57144 -10.95425,-6.22425 -15.34563,-4.42631c-3.68994,1.51038 -6.31025,5.38575 -7.31269,10.64519c-5.29169,-1.10187 -9.91688,-0.19888 -12.74413,2.59075c-2.48325,2.45369 -3.50181,6.16512 -2.96431,10.62369c-4.70312,1.15025 -8.09744,3.60394 -9.49763,6.9445c-1.4835,3.52869 -0.72562,7.81794 2.05863,12.08569c-4.87781,2.95625 -7.70775,6.96869 -7.70775,11.12088c0,3.81894 2.36231,7.49275 6.58169,10.37913c-3.36744,4.57681 -4.42362,9.35519 -2.8165,13.19294c1.47813,3.526 5.08475,6.02 10.105,7.08962c-1.34106,5.50669 -0.47031,10.32269 2.50475,13.25744c3.58244,3.54481 9.19394,3.60125 14.19,2.25213c0.55631,5.22181 2.73856,10.71238 7.60294,12.7065c3.69531,1.51037 8.31244,0.59394 12.77638,-2.43488c2.96162,4.48275 6.88,7.07888 10.86825,7.07888c3.99094,0 7.90931,-2.59613 10.86825,-7.08156c4.46662,3.02881 9.08912,3.94525 12.77638,2.43488c3.68994,-1.51306 6.30756,-5.38844 7.31,-10.64788c5.29169,1.10725 9.91956,0.19887 12.74412,-2.58537c3.72756,-3.68456 3.62275,-9.57556 2.11775,-14.61463c5.14119,-0.645 10.29044,-2.82994 12.22813,-7.45512c1.6125,-3.83775 0.55363,-8.61613 -2.81381,-13.19294c4.21938,-2.88637 6.58169,-6.56019 6.58169,-10.37912z" fill="url(#color-4_49456_gr4)"></path><path d="M75.25,61.8125c0,5.92862 4.82138,10.75 10.75,10.75c5.92863,0 10.75,-4.82138 10.75,-10.75c0,-4.99606 -3.44,-9.16706 -8.0625,-10.36837v-19.19412c0,-5.92862 4.82137,-10.75 10.75,-10.75c5.92863,0 10.75,4.82138 10.75,10.75v2.6875h5.375v-2.6875c0,-8.89294 -7.23206,-16.125 -16.125,-16.125c-8.89294,0 -16.125,7.23206 -16.125,16.125v19.19413c-4.6225,1.20131 -8.0625,5.37231 -8.0625,10.36838zM86,56.4375c2.96431,0 5.375,2.41069 5.375,5.375c0,2.96431 -2.41069,5.375 -5.375,5.375c-2.96431,0 -5.375,-2.41069 -5.375,-5.375c0,-2.96431 2.41069,-5.375 5.375,-5.375z" fill="url(#color-5_49456_gr5)"></path></g></g></svg>
                                                         </span>
-                                                        <span class="absolute" style="right: 5px;top: 5px;width: 25px;"><img src="/images/hot.png" class="w-100"></span>
+                                                        <span class="absolute" style="right: 5px;top: 5px;width: 25px;"><img :src="asset('images/hot.png')" class="w-100"></span>
                                                     </div>
                                                 </div>
                                             </div>
diff --git a/resources/assets/vue/components/bookings/forms/RateHistoriesComponent.vue b/resources/assets/vue/components/bookings/forms/RateHistoriesComponent.vue
index 290d18ba..613f6053 100644
--- a/resources/assets/vue/components/bookings/forms/RateHistoriesComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/RateHistoriesComponent.vue
@@ -27,7 +27,7 @@
                     <!-- <button type="button" class="btn btn-lg btn-secondary fs-11" @click="resetSarch">Reset</button> -->
                 </div>
             </div>
-            <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="isLoading"></loading-component>           
+            <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="isLoading"></loading-component>
             <div class="row" v-if="!isLoading && !hasError">
                 <div class="col-12 mx-auto p-0 ">
                     <canvas style="width: 800px; height:350px" id="currency-history-chart"></canvas>
@@ -36,7 +36,7 @@
             <div class="row" v-if="hasError">
                 <div class="col">
                     <div class="row align-items-center justify-content-center  hint-text">
-                        <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                        <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                     </div>
                     <div class="row text-center">
                         <div class="col">
diff --git a/resources/assets/vue/components/companies/elements/BulkDownloadInvoiceComponent.vue b/resources/assets/vue/components/companies/elements/BulkDownloadInvoiceComponent.vue
index d493fed2..df9f4f9d 100644
--- a/resources/assets/vue/components/companies/elements/BulkDownloadInvoiceComponent.vue
+++ b/resources/assets/vue/components/companies/elements/BulkDownloadInvoiceComponent.vue
@@ -30,7 +30,7 @@
             <div class="row align-items-center justify-content-center bg-white p-t-50 p-b-50 p-l-15 p-r-15 margin-15" v-if="!isLoading && returnData">
                 <div class="col-10">
                     <div class="row align-items-center justify-content-center  hint-text">
-                        <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text" /></div>
+                        <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text" /></div>
                     </div>
                     <div class="row text-center">
                         <div class="col">
diff --git a/resources/assets/vue/components/companies/elements/NewServiceAnnouncementComponent.vue b/resources/assets/vue/components/companies/elements/NewServiceAnnouncementComponent.vue
index 1bc561a3..ff14a7cb 100644
--- a/resources/assets/vue/components/companies/elements/NewServiceAnnouncementComponent.vue
+++ b/resources/assets/vue/components/companies/elements/NewServiceAnnouncementComponent.vue
@@ -10,7 +10,7 @@
                         </div>
                         <div class="col"></div>
                         <div class="col-4">
-                            <img class="m-b-10 w-100" src="/images/best-rate-300x127.png" />
+                            <img class="m-b-10 w-100" :src="asset('images/best-rate-300x127.png')" />
                         </div>
                     </div>
                     <div class="row">
@@ -74,11 +74,11 @@
                 <div class="col bg-white padding-15">
                     <!-- <div class="row">
                         <div class="col-4">
-                            <img class="m-b-10 w-100" src="/images/1688_approved.png" />
+                            <img class="m-b-10 w-100" :src="asset('images/1688_approved.png" />
                         </div>
                         <div class="col"></div>
                         <div class="col-4">
-                            <img class="m-b-10 w-100" src="/images/best-rate-300x127.png" />
+                            <img class="m-b-10 w-100" :src="asset('images/best-rate-300x127.png" />
                         </div>
                     </div> -->
                     <div class="row">
diff --git a/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue b/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue
index a9a168bb..3cfde9c0 100644
--- a/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue
+++ b/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue
@@ -88,7 +88,7 @@
                 }
             },
             errorHandler(error, statusCode){
-                this.src = statusCode === 404 ? '/images/3231370.jpg' : '/images/2942005.jpg'
+                this.src = statusCode === 404 ? asset('images/3231370.jpg') : asset('images/2942005.jpg')
                 this.isLoading = false;
             }
         },
@@ -98,4 +98,4 @@
 
 <style scoped>
 
-</style>
\ No newline at end of file
+</style>
diff --git a/resources/assets/vue/components/general/elements/ListComponent.vue b/resources/assets/vue/components/general/elements/ListComponent.vue
index 50d2fa19..ccb65afb 100644
--- a/resources/assets/vue/components/general/elements/ListComponent.vue
+++ b/resources/assets/vue/components/general/elements/ListComponent.vue
@@ -8,7 +8,7 @@
                         <div class="row align-items-center justify-content-center p-t-50 p-b-50"  v-show="!$store.getters.getListData(section).length && !$store.getters.isLoading(section) && emptyListSection">
                             <div class="col-10">
                                 <div class="row align-items-center justify-content-center  hint-text">
-                                    <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                    <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                 </div>
                                 <div class="row text-center">
                                     <div class="col">
diff --git a/resources/assets/vue/components/general/elements/ListPollingComponent.vue b/resources/assets/vue/components/general/elements/ListPollingComponent.vue
index 98e2a44b..f554a210 100644
--- a/resources/assets/vue/components/general/elements/ListPollingComponent.vue
+++ b/resources/assets/vue/components/general/elements/ListPollingComponent.vue
@@ -8,7 +8,7 @@
                         <div class="row align-items-center justify-content-center p-t-50 p-b-50"  v-show="!$store.getters.getListData(section).length && !isLoading && emptyListSection">
                             <div class="col-10">
                                 <div class="row align-items-center justify-content-center  hint-text">
-                                    <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                    <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                 </div>
                                 <div class="row text-center">
                                     <div class="col">
diff --git a/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue b/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue
index a14a0d49..2f368d2e 100644
--- a/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue
+++ b/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue
@@ -42,7 +42,7 @@
                                 <div class="row text-center m-t-50 m-b-50" v-if="notificationsLength === 0" v-show="!isLoading">
                                     <div class="col">
                                         <div class="row align-items-center justify-content-center hint-text">
-                                            <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                            <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                         </div>
                                         <div class="row text-center">
                                             <div class="col">
@@ -102,4 +102,4 @@
         },
         mixins: [ModalFormHandler]
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/vue/components/general/elements/SearchComponent.vue b/resources/assets/vue/components/general/elements/SearchComponent.vue
index 36bddce1..eca19095 100644
--- a/resources/assets/vue/components/general/elements/SearchComponent.vue
+++ b/resources/assets/vue/components/general/elements/SearchComponent.vue
@@ -5,7 +5,7 @@
                 <div class="col">
                     <div class="row">
                         <div class="col">
-                            <img class="w-100" src="/images/search-illustration.png" />
+                            <img class="w-100" :src="asset('images/search-illustration.png')" />
                         </div>
                     </div>
                 </div>
@@ -78,4 +78,4 @@
             }
         }
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/vue/components/general/elements/bearComponent.vue b/resources/assets/vue/components/general/elements/bearComponent.vue
index 4f92caa7..d72be2e8 100644
--- a/resources/assets/vue/components/general/elements/bearComponent.vue
+++ b/resources/assets/vue/components/general/elements/bearComponent.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="row bear parentContainer">
         <div class="col">
-            <div class="absolute" style="width: 50px;top: 73px;right: 15px;"><img src="/images/easter-egg.png" class="w-100 pointer requestModal" data-type="openBear" ></div>
+            <div class="absolute" style="width: 50px;top: 73px;right: 15px;"><img :src="asset('images/easter-egg.png')" class="w-100 pointer requestModal" data-type="openBear" ></div>
             <modal-component class="animate__animated animate__fast animate__fadeIn" size="small" styleType="fill-in" type="openBear">
                 <div class="row">
                     <div class="col p-t-50 p-b-50">
@@ -21,4 +21,4 @@
 
         }
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/vue/components/general/forms/FileUploadComponent.vue b/resources/assets/vue/components/general/forms/FileUploadComponent.vue
index a7eceffd..15594912 100644
--- a/resources/assets/vue/components/general/forms/FileUploadComponent.vue
+++ b/resources/assets/vue/components/general/forms/FileUploadComponent.vue
@@ -98,10 +98,10 @@
                 vm.isLoading = true;
 
                 if(file.name.split('.').pop() === 'pdf'){
-                    $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", "/images/icons/pdf.png");
+                    $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", asset("images/icons/pdf.png"));
                 }
                 if(file.name.split('.').pop().indexOf("xls") !== -1){
-                    $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", "/images/icons/xlsx.png");
+                    $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", asset("images/icons/xlsx.png"));
                 }
 
                 Promise.all(dropzone.files.map(function(file){
@@ -147,4 +147,4 @@
         }
 
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/vue/components/segments/elements/SegmentCompanyComponent.vue b/resources/assets/vue/components/segments/elements/SegmentCompanyComponent.vue
index 3c516ac8..a5f5ab2c 100644
--- a/resources/assets/vue/components/segments/elements/SegmentCompanyComponent.vue
+++ b/resources/assets/vue/components/segments/elements/SegmentCompanyComponent.vue
@@ -15,7 +15,7 @@
                 :labelColumn="['name']"
                 v-model="parameters.id"
                 @input="onSelect"
-                
+
             ></selectable-component>
         </validation-wrapper-component>
         <list-component
@@ -49,7 +49,7 @@
                     >
                         <div class="col-4 hint-text">
                             <img
-                                src="/images/2829248.png"
+                                :src="asset('images/2829248.png')"
                                 class="w-100 hint-text"
                             />
                         </div>
@@ -107,7 +107,7 @@ export default {
         onSelect(val) {
             this.parameters.id = val
         },
-    },   
+    },
     created(){
         const id = new URL(location.href).searchParams.get('id')
         if(id){
diff --git a/resources/assets/vue/components/wallets/elements/CustomerTransactionSectionComponent.vue b/resources/assets/vue/components/wallets/elements/CustomerTransactionSectionComponent.vue
index cc091588..ab2577db 100644
--- a/resources/assets/vue/components/wallets/elements/CustomerTransactionSectionComponent.vue
+++ b/resources/assets/vue/components/wallets/elements/CustomerTransactionSectionComponent.vue
@@ -48,7 +48,7 @@
                                 <div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!company.wallet || !company.wallet.top_up_records.length">
                                     <div class="col-10">
                                         <div class="row align-items-center justify-content-center hint-text">
-                                            <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"></div>
+                                            <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"></div>
                                         </div>
                                         <div class="row text-center">
                                             <div class="col">
diff --git a/resources/assets/vue/components/wallets/elements/WalletComponent.vue b/resources/assets/vue/components/wallets/elements/WalletComponent.vue
index aef834f1..36a2e6bb 100644
--- a/resources/assets/vue/components/wallets/elements/WalletComponent.vue
+++ b/resources/assets/vue/components/wallets/elements/WalletComponent.vue
@@ -3,7 +3,7 @@
         <div class="col">
             <div class="row m-b-20 parentContainer" v-if="data.id === 9">
                 <div class="col-auto">
-                    <img src="/images/first_topup_badge.png" class="pointer requestModal" data-type="badgeModal" style="width: 50px;">
+                    <img :src="asset('images/first_topup_badge.png')" class="pointer requestModal" data-type="badgeModal" style="width: 50px;">
                 </div>
                 <modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="badgeModal" size="extra-large">
                     <div class="row">
@@ -15,7 +15,7 @@
                             </div>
                             <div class="row justify-content-center">
                                 <div class="col-8">
-                                    <img src="/images/first_topup_badge.png" class="animate__animated animate__infinite animate__tada w-100">
+                                    <img :src="asset('images/first_topup_badge.png')" class="animate__animated animate__infinite animate__tada w-100">
                                 </div>
                             </div>
                         </div>
@@ -100,4 +100,4 @@
         },
         mixins: [componentHandler],
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/views/emails/layout/base.blade.php b/resources/views/emails/layout/base.blade.php
index 0f58c396..6ffff33b 100644
--- a/resources/views/emails/layout/base.blade.php
+++ b/resources/views/emails/layout/base.blade.php
@@ -16,7 +16,7 @@
         .background {
             background-blend-mode: multiply; -webkit-background-size: cover;
             background-size: cover;
-            background: #202020 url({{asset('/images/iStock-976354264_Malaysia.jpg')}}) no-repeat center center;
+            background: #202020 url({{asset('images/iStock-976354264_Malaysia.jpg')}}) no-repeat center center;
         }
         .container {
             width: 600px;
@@ -132,4 +132,4 @@
     </div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/resources/views/pages/accounts/login.blade.php b/resources/views/pages/accounts/login.blade.php
index a5633fe1..1395e616 100644
--- a/resources/views/pages/accounts/login.blade.php
+++ b/resources/views/pages/accounts/login.blade.php
@@ -84,7 +84,7 @@
                                             </div>
                                             <div class="row">
                                                 <div class="col">
-                                                    <img src="{{asset('/images/2853457.png')}}" class="w-100"/>
+                                                    <img src="{{asset('images/2853457.png')}}" class="w-100"/>
                                                 </div>
                                             </div>
                                         </div>
diff --git a/resources/views/pages/accounts/sign_up.blade.php b/resources/views/pages/accounts/sign_up.blade.php
index 05b4d9a9..c95242fb 100644
--- a/resources/views/pages/accounts/sign_up.blade.php
+++ b/resources/views/pages/accounts/sign_up.blade.php
@@ -19,7 +19,7 @@
                                             </div>
                                             <div class="row">
                                                 <div class="col">
-                                                    <img src="{{asset('/images/2853457.png')}}" class="w-100"/>
+                                                    <img src="{{asset('images/2853457.png')}}" class="w-100"/>
                                                 </div>
                                             </div>
                                         </div>
@@ -40,4 +40,4 @@
             </div>
         </div>
     </transition-component>
-@endsection
\ No newline at end of file
+@endsection