Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is actually an International Telephone Input vue 3 element.\n\nDocumentation as well as Trial.\nExplore the website for complete docs.\nVue 2 Help.\nvue-tel-input@legacy: Overview.\nChangelog.\nMost Likely To Github Releases.\nGetting started.\n\nInstall the plugin:.\nnpm set up vue-tel-input.\n\n\nAdd the plugin right into your app:.\nbring in Vue from 'vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nEven more details on installation.\n\n\nUse the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm put up vue-tel-input.\nMount the plugin into Vue:.\nimport createApp coming from 'vue'.\nbring in 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 = \nsetting: 'automotive',.\n.\n\nconst application = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Describe nonpayment international options here (extra).\napp.mount('

app').Scenery all accessible choices in Props.Or even use the part directly:.
CDN and also Internet browser.If Vue is actually spotted in the Page, the plugin is put in immediately.** Typically, manually put in the plugin right into Vue:.app.use( window [' vue-tel-input'].Component idle filling.Given that the collection is about 200kb of JavaScript and 100kb of CSS to improve initial web page packing opportunity you may consider importing it asynchronously just when customer gets through to the page where the collection is actually required. The procedure is called Lazy Load as well as you may utilize it in some contemporary bundlers like Webpack and Rollup.
As you view, our team don't utilize Vue SFC tag listed here to import element's css as it will lead to CSS mosting likely to the main/vendors bundle rather than being downloaded on demand.