Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is an International Telephone Input vue 3 element.\n\nDocuments and Demonstration.\nVisit the web site for complete doctors.\nVue 2 Support.\nvue-tel-input@legacy: Quick guide.\nChangelog.\nHead To Github Releases.\nGetting going.\n\nPut in the plugin:.\nnpm install vue-tel-input.\n\n\nAdd the plugin right into your app:.\nimport Vue from 'vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nEven more details on setup.\n\n\nUse the vue-tel-input component:.\n\n\n\n\nInstallment.\nnpm.\nnpm install vue-tel-input.\nPut in the plugin into Vue:.\nimport createApp from 'vue'.\nimport Application coming from '.\/ App.vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'automotive',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Describe nonpayment global options listed here (extra).\napp.mount('

app').Scenery all readily available alternatives in Props.Or utilize the part straight:.
CDN as well as Browser.If Vue is actually found in the Web page, the plugin is set up automatically.** Otherwise, by hand put up the plugin into Vue:.app.use( home window [' vue-tel-input'].Element lazy filling.Considering that the library concerns 200kb of JavaScript and 100kb of CSS to boost first web page filling opportunity you may think about importing it asynchronously simply when consumer browses to the web page where the collection is in fact needed to have. The method is actually called Lazy Load and also you can easily use it in some contemporary bundlers like Webpack and Rollup.
As you see, our experts don't use Vue SFC tag listed here to import part's css as it would lead to CSS mosting likely to the main/vendors pack as opposed to being installed on demand.