Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is an International Telephone Input vue 3 element.\n\nDocuments and Demonstration.\nCheck out the site for total doctors.\nVue 2 Assistance.\nvue-tel-input@legacy: Manual.\nChangelog.\nHead To Github Launches.\nBeginning.\n\nSet up the plugin:.\nnpm put up vue-tel-input.\n\n\nIncorporate the plugin into your app:.\nimport Vue from 'vue'.\nbring in VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = 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\nInstallment.\nnpm.\nnpm install vue-tel-input.\nSet up the plugin into Vue:.\nimport createApp 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)\/\/ Determine nonpayment international possibilities listed below (extra).\napp.mount('

app').View all on call alternatives in Props.Or even make use of the element directly:.
CDN and Web browser.If Vue is recognized in the Web page, the plugin is installed immediately.** Or else, manually install the plugin into Vue:.app.use( window [' vue-tel-input'].Element careless filling.Due to the fact that the collection is about 200kb of JavaScript and also 100kb of CSS so as to boost first web page packing opportunity you could look at importing it asynchronously only when user navigates to the webpage where the library is in fact needed. The approach is actually referred to as Lazy Tons and you can utilize it in some modern bundlers like Webpack as well as Rollup.
As you observe, our team don't use Vue SFC tag here to import element's css as it would result in CSS mosting likely to the main/vendors pack rather than being downloaded and install as needed.