Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is an International Telephone Input vue 3 part.\n\nPaperwork as well as Trial.\nVisit the web site for full doctors.\nVue 2 Support.\nvue-tel-input@legacy: Resource.\nChangelog.\nMost Likely To Github Launches.\nBeginning.\n\nSet up the plugin:.\nnpm mount vue-tel-input.\n\n\nAdd the plugin into your application:.\nbring in Vue from 'vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nMuch more details on setup.\n\n\nUtilize the vue-tel-input element:.\n\n\n\n\nInstallation.\nnpm.\nnpm put up vue-tel-input.\nPut in the plugin right into Vue:.\nimport createApp coming from 'vue'.\nbring in App from '.\/ App.vue'.\nimport VueTelInput from 'vue-tel-input'.\nimport '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 choices below (extra).\napp.mount('

app').Scenery all readily available alternatives in Props.Or even use the element straight:.
CDN as well as Browser.If Vue is actually spotted in the Page, the plugin is actually put up instantly.** Typically, manually install the plugin right into Vue:.app.use( window [' vue-tel-input'].Part careless launching.Given that the library has to do with 200kb of JavaScript and 100kb of CSS if you want to boost preliminary webpage packing opportunity you may think about importing it asynchronously just when individual gets through to the web page where the library is really required. The technique is knowned as Lazy Lots as well as you can easily use it in some contemporary bundlers like Webpack and also Rollup.
As you observe, our team do not use Vue SFC tag listed below to import part's css as it would result in CSS going to the main/vendors bundle rather than being actually downloaded on demand.