Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is actually an International Telephone Input vue 3 component.\n\nRecords as well as Trial.\nCheck out the internet site for full doctors.\nVue 2 Help.\nvue-tel-input@legacy: Overview.\nChangelog.\nVisit Github Launches.\nBeginning.\n\nSet up the plugin:.\nnpm put up vue-tel-input.\n\n\nAdd the plugin right into your app:.\nimport Vue coming from 'vue'.\nimport VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nMore information on setup.\n\n\nMake use of the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm put in vue-tel-input.\nPut up the plugin into Vue:.\nbring in createApp from 'vue'.\nbring in Application coming from '.\/ App.vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'vehicle',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Define nonpayment international choices here (extra).\napp.mount('

app').Sight all on call options in Props.Or even make use of the component directly:.
CDN and Web browser.If Vue is actually spotted in the Webpage, the plugin is actually set up immediately.** Otherwise, by hand install the plugin into Vue:.app.use( window [' vue-tel-input'].Part careless launching.Due to the fact that the collection concerns 200kb of JavaScript and also 100kb of CSS in order to strengthen first page packing opportunity you may think about importing it asynchronously just when consumer browses to the webpage where the collection is really needed. The method is knowned as Careless Bunch as well as you can easily use it in some modern bundlers like Webpack and Rollup.
As you observe, our team don't utilize Vue SFC tag right here to import component's css as it will cause CSS going to the main/vendors pack instead of being downloaded and install on demand.