Replace v-phone-input with custom PhoneInput component

Implement a custom PhoneInput component to replace the third-party v-phone-input library. The new component provides country selection, phone number formatting, and integrates seamlessly with Vuetify's form controls. Updated CreateInterestModal and InterestDetailsModal to use the new component.
This commit is contained in:
2025-06-04 02:55:02 +02:00
parent 6b922580c5
commit c592e38569
4 changed files with 203 additions and 19 deletions

View File

@@ -1,13 +0,0 @@
import { defineNuxtPlugin } from '#app'
import { createVPhoneInput } from 'v-phone-input'
import 'v-phone-input/dist/v-phone-input.css'
export default defineNuxtPlugin((nuxtApp) => {
const vPhoneInput = createVPhoneInput({
defaultCountry: 'US',
preferredCountries: ['US', 'FR', 'ES', 'PT', 'GB'],
enableSearchingCountry: true,
})
nuxtApp.vueApp.use(vPhoneInput)
})