From d41b82bceeb8ad4abd9248b5752bb9faeafe5cfe Mon Sep 17 00:00:00 2001
From: Dillon Ngo <dillonngoweijoon@gmail.com>
Date: Sat, 4 Jul 2026 22:48:14 +0800
Subject: [PATCH] Update: Vue 2 to Vue 3 with Typescript, node 14 to node 22,
 Jenkinsfile, Dockerfile, vapor.yml (Post PROD Deployment)

---
 .../addresses/forms/SetDefaultAddressFormComponent.vue   | 1 +
 .../components/general/elements/ListPollingComponent.vue | 2 ++
 .../elements/OrderPackageOriginWarehouseComponent.vue    | 2 ++
 .../orders/elements/OrderPackagesComponent.vue           | 2 ++
 .../orders/sections/OrdersTableSectionComponent.vue      | 2 ++
 .../elements/CustomerPaymentsBillingComponent.vue        | 1 +
 .../elements/ShippingTransactionComponent.vue            | 1 +
 ...gleGroupPaymentHistoryTransactionDetailsComponent.vue | 1 +
 .../SingleGroupPaymentTransactionDetailsComponent.vue    | 1 +
 resources/assets/vue/types/global.d.ts                   | 9 +++------
 resources/assets/vue/types/vue-augmentations.d.ts        | 4 ++--
 11 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/resources/assets/vue/components/addresses/forms/SetDefaultAddressFormComponent.vue b/resources/assets/vue/components/addresses/forms/SetDefaultAddressFormComponent.vue
index 8eff28e8..a71d4979 100644
--- a/resources/assets/vue/components/addresses/forms/SetDefaultAddressFormComponent.vue
+++ b/resources/assets/vue/components/addresses/forms/SetDefaultAddressFormComponent.vue
@@ -27,6 +27,7 @@
 import { useComponentHandler } from '@/composables/useComponentHandler';
 import { useModalFormHandler } from '@/composables/useModalFormHandler';
 import { useRequest } from '@/composables/useRequest';
+import route from '@/general/functions/router';
 
 const props = defineProps<{
     section: string;
diff --git a/resources/assets/vue/components/general/elements/ListPollingComponent.vue b/resources/assets/vue/components/general/elements/ListPollingComponent.vue
index 5ef6061d..f2c710fd 100644
--- a/resources/assets/vue/components/general/elements/ListPollingComponent.vue
+++ b/resources/assets/vue/components/general/elements/ListPollingComponent.vue
@@ -68,6 +68,8 @@ const props = withDefaults(defineProps<{
     emptyListSection: true
 });
 
+const asset = window.Vapor.asset;
+
 const queueStore = useQueueStore();
 const uiStore = useUiStore();
 const jobPollingStore = useJobPollingStore();
diff --git a/resources/assets/vue/components/orders/elements/OrderPackageOriginWarehouseComponent.vue b/resources/assets/vue/components/orders/elements/OrderPackageOriginWarehouseComponent.vue
index 4b5a7d73..4a21db89 100644
--- a/resources/assets/vue/components/orders/elements/OrderPackageOriginWarehouseComponent.vue
+++ b/resources/assets/vue/components/orders/elements/OrderPackageOriginWarehouseComponent.vue
@@ -85,6 +85,8 @@ interface Props {
 
 const props = defineProps<Props>();
 
+const asset = window.Vapor.asset;
+
 const authStore = useAuthStore();
 const { submit } = useRequest();
 
diff --git a/resources/assets/vue/components/orders/elements/OrderPackagesComponent.vue b/resources/assets/vue/components/orders/elements/OrderPackagesComponent.vue
index 64459bdf..bdcebd85 100644
--- a/resources/assets/vue/components/orders/elements/OrderPackagesComponent.vue
+++ b/resources/assets/vue/components/orders/elements/OrderPackagesComponent.vue
@@ -100,6 +100,8 @@ interface Props {
 
 const props = defineProps<Props>();
 
+const asset = window.Vapor.asset;
+
 const authStore = useAuthStore();
 const { submit } = useRequest();
 
diff --git a/resources/assets/vue/components/orders/sections/OrdersTableSectionComponent.vue b/resources/assets/vue/components/orders/sections/OrdersTableSectionComponent.vue
index 2997c61b..66a18d6f 100644
--- a/resources/assets/vue/components/orders/sections/OrdersTableSectionComponent.vue
+++ b/resources/assets/vue/components/orders/sections/OrdersTableSectionComponent.vue
@@ -194,6 +194,8 @@ import { useRequest } from '@/composables/useRequest';
 import { route } from '@/general/functions/router';
 import PaginationComponent from '@/components/general/elements/PaginationComponent.vue';
 
+const asset = window.Vapor.asset;
+
 const authStore = useAuthStore();
 const uiStore = useUiStore();
 const queueStore = useQueueStore();
diff --git a/resources/assets/vue/components/paymentsBilling/elements/CustomerPaymentsBillingComponent.vue b/resources/assets/vue/components/paymentsBilling/elements/CustomerPaymentsBillingComponent.vue
index a9200ffa..4e66504b 100644
--- a/resources/assets/vue/components/paymentsBilling/elements/CustomerPaymentsBillingComponent.vue
+++ b/resources/assets/vue/components/paymentsBilling/elements/CustomerPaymentsBillingComponent.vue
@@ -344,6 +344,7 @@ import { ref, computed, onMounted } from 'vue';
 import { useComponentHandler } from '@/composables/useComponentHandler';
 import { useRequest } from '@/composables/useRequest';
 import { useAuthStore } from '@/stores/auth';
+import route from '@/general/functions/router';
 
 const props = withDefaults(defineProps<{
     data: any;
diff --git a/resources/assets/vue/components/paymentsBilling/elements/ShippingTransactionComponent.vue b/resources/assets/vue/components/paymentsBilling/elements/ShippingTransactionComponent.vue
index c2855120..8a0399ff 100644
--- a/resources/assets/vue/components/paymentsBilling/elements/ShippingTransactionComponent.vue
+++ b/resources/assets/vue/components/paymentsBilling/elements/ShippingTransactionComponent.vue
@@ -45,6 +45,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { useComponentHandler } from '@/composables/useComponentHandler';
+import route from '@/general/functions/router';
 
 const props = defineProps<{
     data?: any;
diff --git a/resources/assets/vue/components/paymentsBilling/elements/SingleGroupPaymentHistoryTransactionDetailsComponent.vue b/resources/assets/vue/components/paymentsBilling/elements/SingleGroupPaymentHistoryTransactionDetailsComponent.vue
index 8890d4d9..e525714e 100644
--- a/resources/assets/vue/components/paymentsBilling/elements/SingleGroupPaymentHistoryTransactionDetailsComponent.vue
+++ b/resources/assets/vue/components/paymentsBilling/elements/SingleGroupPaymentHistoryTransactionDetailsComponent.vue
@@ -130,6 +130,7 @@
 import { ref } from 'vue';
 import { useComponentHandler } from '@/composables/useComponentHandler';
 import { useAuthStore } from '@/stores/auth';
+import route from '@/general/functions/router';
 
 const props = withDefaults(defineProps<{
     data: any;
diff --git a/resources/assets/vue/components/paymentsBilling/elements/SingleGroupPaymentTransactionDetailsComponent.vue b/resources/assets/vue/components/paymentsBilling/elements/SingleGroupPaymentTransactionDetailsComponent.vue
index 64354011..2218963b 100644
--- a/resources/assets/vue/components/paymentsBilling/elements/SingleGroupPaymentTransactionDetailsComponent.vue
+++ b/resources/assets/vue/components/paymentsBilling/elements/SingleGroupPaymentTransactionDetailsComponent.vue
@@ -45,6 +45,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
 import { useComponentHandler } from '@/composables/useComponentHandler';
+import route from '@/general/functions/router';
 
 const props = defineProps<{
     data?: any;
diff --git a/resources/assets/vue/types/global.d.ts b/resources/assets/vue/types/global.d.ts
index 9fb91ee6..e696be4d 100644
--- a/resources/assets/vue/types/global.d.ts
+++ b/resources/assets/vue/types/global.d.ts
@@ -1,18 +1,15 @@
-export { };
+export {};
 
 declare global {
     interface Window {
-        route: any;
+        route: (...args: any[]) => string;
         Vapor: import('laravel-vapor').Vapor;
         pusher_key?: string;
         pusher?: any;
         LARAVEL_VAPOR_ENABLED?: boolean;
-        $: any; // jQuery
+        $: any;
     }
 
-    // Declare route as a global function
     const route: (...args: any[]) => string;
-
-    // Declare jQuery as a global
     const $: any;
 }
diff --git a/resources/assets/vue/types/vue-augmentations.d.ts b/resources/assets/vue/types/vue-augmentations.d.ts
index e106d662..13569f78 100644
--- a/resources/assets/vue/types/vue-augmentations.d.ts
+++ b/resources/assets/vue/types/vue-augmentations.d.ts
@@ -3,8 +3,8 @@ import '@vue/runtime-dom';
 
 declare module 'vue' {
   interface ComponentCustomProperties {
-    asset(path: string): string;
-    route(...args: any[]): string;
+    // asset(path: string): string;
+    // route(...args: any[]): string;
   }
 }