Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: optimization final phase - defineAsyncComponent for modals

Browse Source
This commit is contained in:
Johan Samudio
2026-02-26 12:55:03 -05:00
parent 2dd3384882
commit fc489c4f46
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/AppHeader.vue
View File

@ -96,12 +96,12 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted } from 'vue' import { ref, onMounted, defineAsyncComponent } from 'vue'
import { useAuthStore } from '@/stores/auth' import { useAuthStore } from '@/stores/auth'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useThemeStore } from '@/stores/theme' import { useThemeStore } from '@/stores/theme'
import ReportModal from './ReportModal.vue' const ReportModal = defineAsyncComponent(() => import('./ReportModal.vue'))
const { t, locale } = useI18n() const { t, locale } = useI18n()
const authStore = useAuthStore() const authStore = useAuthStore()

4
frontend/src/views/MapView.vue
View File

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { onMounted, ref, watch, nextTick, onUnmounted, computed } from "vue"; import { onMounted, ref, watch, nextTick, onUnmounted, computed, defineAsyncComponent } from "vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { useRouteStore } from "@/stores/route"; import { useRouteStore } from "@/stores/route";
@ -11,7 +11,7 @@ import { analyticsService } from "@/services/analyticsService";
import { getImageUrl } from "@/utils/imageUrl"; import { getImageUrl } from "@/utils/imageUrl";
import { useDirectionsRoute } from "@/composables/useDirectionsRoute"; import { useDirectionsRoute } from "@/composables/useDirectionsRoute";
import BusStopInfoModal from "@/components/BusStopInfoModal.vue"; const BusStopInfoModal = defineAsyncComponent(() => import("@/components/BusStopInfoModal.vue"));
import type { BusStop } from '@/types' import type { BusStop } from '@/types'
const router = useRouter(); const router = useRouter();