Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is actually an International Telephone Input vue 3 component.\n\nDocumentation and also Demo.\nVisit the website for total docs.\nVue 2 Assistance.\nvue-tel-input@legacy: Guide.\nChangelog.\nMost Likely To Github Launches.\nGetting going.\n\nMount the plugin:.\nnpm mount vue-tel-input.\n\n\nIncorporate the plugin in to your app:.\nimport Vue coming 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').\nExtra information on installation.\n\n\nMake use of the vue-tel-input component:.\n\n\n\n\nInstallment.\nnpm.\nnpm install vue-tel-input.\nSet up the plugin in to Vue:.\nbring in createApp from 'vue'.\nimport Application from '.\/ App.vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'automobile',.\n.\n\nconst app = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Define nonpayment international possibilities below (optionally available).\napp.mount('

app').Viewpoint all on call choices in Props.Or even make use of the component directly:.
CDN as well as Browser.If Vue is spotted in the Page, the plugin is put in immediately.** Otherwise, manually set up the plugin into Vue:.app.use( home window [' vue-tel-input'].Component careless loading.Due to the fact that the library concerns 200kb of JavaScript and 100kb of CSS in order to strengthen first webpage filling time you could take into consideration importing it asynchronously just when individual browses to the page where the library is really needed to have. The procedure is knowned as Lazy Bunch and you can use it in some contemporary bundlers like Webpack and Rollup.
As you see, our team do not use Vue SFC tag below to import component's css as it would certainly lead to CSS heading to the main/vendors bundle rather than being actually installed on demand.