Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is an International Telephone Input vue 3 part.\n\nDocumentation as well as Trial.\nGo to the web site for full doctors.\nVue 2 Support.\nvue-tel-input@legacy: Quick guide.\nChangelog.\nGo to Github Releases.\nBeginning.\n\nInstall the plugin:.\nnpm set up vue-tel-input.\n\n\nIncorporate the plugin in to your app:.\nbring in Vue from 'vue'.\nimport VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nExtra details on setup.\n\n\nMake use of the vue-tel-input part:.\n\n\n\n\nInstallation.\nnpm.\nnpm set up vue-tel-input.\nPut up the plugin into Vue:.\nbring in createApp from 'vue'.\nimport App coming from '.\/ App.vue'.\nimport VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'vehicle',.\n.\n\nconst app = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Define nonpayment international choices listed here (extra).\napp.mount('

app').Perspective all offered alternatives in Props.Or use the element straight:.
CDN and Internet browser.If Vue is detected in the Web page, the plugin is set up automatically.** Otherwise, by hand set up the plugin in to Vue:.app.use( home window [' vue-tel-input'].Part idle filling.Given that the library concerns 200kb of JavaScript and 100kb of CSS in order to boost preliminary page loading time you may think about importing it asynchronously only when user browses to the webpage where the collection is in fact required. The approach is actually called Idle Lots and also you may use it in some modern bundlers like Webpack and also Rollup.
As you observe, our experts don't use Vue SFC tag below to import element's css as it will cause CSS going to the main/vendors bundle instead of being downloaded on demand.