Vue- tel-input - Vue.js Nourished #.\n\nvue-tel-input is actually an International Telephone Input vue 3 part.\n\nDocumentation and also Trial.\nVisit the website for full docs.\nVue 2 Support.\nvue-tel-input@legacy: Guide.\nChangelog.\nVisit Github Releases.\nGetting going.\n\nInstall the plugin:.\nnpm mount vue-tel-input.\n\n\nAdd the plugin right into your app:.\nbring in Vue from 'vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nEven more info on installment.\n\n\nUtilize the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm install vue-tel-input.\nSet up the plugin in to Vue:.\nimport createApp coming from 'vue'.\nbring in Application coming from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmethod: 'automobile',.\n.\n\nconst application = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Describe default worldwide possibilities right here (extra).\napp.mount('

app').Viewpoint all on call choices in Props.Or even use the part straight:.
CDN and also Web browser.If Vue is recognized in the Page, the plugin is actually put up immediately.** Otherwise, manually set up the plugin into Vue:.app.use( window [' vue-tel-input'].Part careless launching.Considering that the public library concerns 200kb of JavaScript and also 100kb of CSS in order to improve preliminary web page loading opportunity you may think about importing it asynchronously only when individual gets through to the web page where the collection is really needed. The approach is referred to as Lazy Bunch and also you may utilize it in some modern bundlers like Webpack as well as Rollup.
As you find, our experts don't use Vue SFC tag right here to import part's css as it would certainly result in CSS heading to the main/vendors bundle rather than being actually downloaded on demand.