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

fixes
Build And Push Image / docker (push) Failing after 2m33s Details

This commit is contained in:
Matt 2025-08-10 14:47:40 +02:00
parent 21bc4909b1
commit 524ecc6941
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
components/PhoneInputWrapper.vue
View File

@ -155,7 +155,6 @@
<script setup lang="ts">
import { parsePhoneNumber, AsYouType } from 'libphonenumber-js';
import { getPhoneCountriesWithPreferred, searchPhoneCountries, getPhoneCountryByCode, type PhoneCountry } from '~/utils/phone-countries';
import { useMobileDetection } from '~/composables/useMobileDetection';
interface Props {
modelValue?: string;
@ -188,8 +187,15 @@ const props = withDefaults(defineProps<Props>(), {
const emit = defineEmits<Emits>();
// Use unified mobile detection
const mobileDetection = useMobileDetection();
// Static mobile detection (no reactive dependencies)
const isMobile = ref(false);
const isMobileSafari = ref(false);
// Create computed-like object for template compatibility
const mobileDetection = computed(() => ({
isMobile: isMobile.value,
isMobileSafari: isMobileSafari.value
}));
// Get comprehensive countries list
const countries = getPhoneCountriesWithPreferred(props.preferredCountries);
@ -317,6 +323,16 @@ watch(dropdownOpen, (isOpen) => {
}, 100);
}
});
// Apply static device detection on mount
onMounted(() => {
// Static device detection from Nuxt Device Module - no reactive dependencies
const { isMobile: deviceIsMobile, isIos, isSafari } = useDevice();
// Apply device state once (static, no reactivity)
isMobile.value = deviceIsMobile || false;
isMobileSafari.value = (deviceIsMobile && isIos && isSafari) || false;
});
</script>
<style scoped>