Vue- tel-input - Vue.js Nourished #.\n\nvue-tel-input is an International Telephone Input vue 3 element.\n\nPaperwork and also Demonstration.\nGo to the website for total docs.\nVue 2 Help.\nvue-tel-input@legacy: Resource.\nChangelog.\nVisit Github Releases.\nGetting started.\n\nPut up the plugin:.\nnpm mount vue-tel-input.\n\n\nInclude the plugin in to your application:.\nimport Vue coming from 'vue'.\nimport VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nA lot more facts on installation.\n\n\nUse the vue-tel-input part:.\n\n\n\n\nSetup.\nnpm.\nnpm install vue-tel-input.\nInstall the plugin in to Vue:.\nimport createApp from 'vue'.\nbring in App from '.\/ App.vue'.\nimport VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'car',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Determine nonpayment global choices right here (optional).\napp.mount('

app').Viewpoint all on call options in Props.Or utilize the element directly:.
CDN as well as Internet browser.If Vue is actually recognized in the Page, the plugin is actually set up automatically.** Otherwise, manually mount the plugin in to Vue:.app.use( window [' vue-tel-input'].Part idle filling.Considering that the library has to do with 200kb of JavaScript and also 100kb of CSS to improve preliminary web page loading opportunity you could take into consideration importing it asynchronously just when consumer gets through to the page where the public library is in fact required. The approach is actually called Idle Lots and also you can easily use it in some modern bundlers like Webpack as well as Rollup.
As you find, our company do not make use of Vue SFC tag listed below to import component's css as it will lead to CSS going to the main/vendors bundle instead of being downloaded on demand.