matt
/
monacousa-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes
Build And Push Image / docker (push) Successful in 3m7s Details

This commit is contained in:
Matt 2025-08-10 14:54:37 +02:00
parent 524ecc6941
commit 4e53e7ea10
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/MultipleNationalityInput.vue
View File

@ -215,7 +215,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { getAllCountries, searchCountries } from '~/utils/countries'; import { getAllCountries, searchCountries } from '~/utils/countries';
import { useMobileDetection } from '~/composables/useMobileDetection';
interface Props { interface Props {
modelValue?: string; // Comma-separated string like "FR,MC,US" modelValue?: string; // Comma-separated string like "FR,MC,US"
@ -241,10 +240,10 @@ const props = withDefaults(defineProps<Props>(), {
const emit = defineEmits<Emits>(); const emit = defineEmits<Emits>();
// Use unified mobile detection // Static mobile detection (no reactive dependencies)
const mobileDetection = useMobileDetection(); const isMobile = ref(false);
const isMobileSafari = computed(() => mobileDetection.isMobileSafari); const isMobileSafari = ref(false);
const needsPerformanceMode = computed(() => mobileDetection.isMobileSafari || mobileDetection.isMobile); const needsPerformanceMode = ref(false);
// Parse initial nationalities from comma-separated string // Parse initial nationalities from comma-separated string
const parseNationalities = (value: string): string[] => { const parseNationalities = (value: string): string[] => {
@ -375,6 +374,14 @@ watch(nationalities, () => {
// Initialize the model value on mount if needed // Initialize the model value on mount if needed
onMounted(() => { onMounted(() => {
// Apply static device detection - no reactive dependencies
const { isMobile: deviceIsMobile, isIos, isSafari } = useDevice();
// Set static values once
isMobile.value = deviceIsMobile || false;
isMobileSafari.value = (deviceIsMobile && isIos && isSafari) || false;
needsPerformanceMode.value = isMobileSafari.value || isMobile.value;
if (!props.modelValue && validNationalities.value.length > 0) { if (!props.modelValue && validNationalities.value.length > 0) {
updateNationalities(); updateNationalities();
} }