Update: Vue 2 to Vue 3 with Typescript, node 14 to node 22, Jenkinsfile, Dockerfile, vapor.yml (Post PROD Deployment)

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;

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();

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();
 

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();
 

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();

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;

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;

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;

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;

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;
 }

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;
   }
 }