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

resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue

@@ -162,6 +162,7 @@ import { useAuthStore } from '@/stores/auth';
 import { useUiStore } from '@/stores/ui';
 import { track } from '@/utils/tracking';
 import { useFormHandler } from '@/composables/useFormHandler';
+import route from '@/general/functions/router';
 
 interface Props {
     section: string;

resources/assets/vue/components/bookings/elements/DownloadSupplierWhiteFormComponent.vue

@@ -62,6 +62,8 @@ const props = defineProps<{
     section: string;
 }>();
 
+const asset = window.Vapor.asset;
+
 const returnData = ref<any>(null);
 const parameters = ref({
     startDate: '',

resources/assets/vue/components/bookings/elements/ListVouchersComponent.vue

@@ -54,6 +54,8 @@ const props = withDefaults(defineProps<{
     employee: null,
 });
 
+const asset = window.Vapor.asset;
+
 const emit = defineEmits(['selected-voucher']);
 
 const vouchers = ref<any[]>([]);

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/settings/elements/AffiliateSectionComponent.vue

@@ -102,6 +102,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 import { useUiStore } from '@/stores/ui';
+import route from '@/general/functions/router';
 
 const uiStore = useUiStore();
 

resources/assets/vue/components/settings/elements/SegmentComponent.vue

@@ -80,6 +80,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { useComponentHandler } from '@/composables/useComponentHandler';
+import route from '@/general/functions/router';
 
 interface Props {
     data: any;

resources/assets/vue/types/vue-augmentations.d.ts

@@ -3,10 +3,10 @@ import '@vue/runtime-dom';
 
 declare module 'vue' {
     interface ComponentCustomProperties {
-        asset: (path: string) => string;
+        // asset: (path: string) => string;
-        route: (...args: any[]) => string;
+        // route: (...args: any[]) => string;
-        $store: any;
+        // $store: any;
-        authStore: any;
+        // authStore: any;
-        uiStore: any;
+        // uiStore: any;
     }
 }