Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is an International Telephone Input vue 3 element.\n\nDocuments as well as Demo.\nVisit the internet site for total docs.\nVue 2 Help.\nvue-tel-input@legacy: Quick guide.\nChangelog.\nHead To Github Releases.\nBeginning.\n\nPut up the plugin:.\nnpm put up vue-tel-input.\n\n\nIncorporate the plugin into your application:.\nbring in Vue coming from 'vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nMore details on setup.\n\n\nMake use of the vue-tel-input element:.\n\n\n\n\nSetup.\nnpm.\nnpm put up vue-tel-input.\nSet up the plugin into Vue:.\nbring in createApp from 'vue'.\nimport Application from '.\/ App.vue'.\nimport VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'vehicle',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Describe nonpayment international options listed here (optionally available).\napp.mount('

app').Viewpoint all accessible alternatives in Props.Or make use of the element straight:.
CDN and Browser.If Vue is recognized in the Webpage, the plugin is actually installed immediately.** Otherwise, manually install the plugin right into Vue:.app.use( window [' vue-tel-input'].Component careless loading.Considering that the library is about 200kb of JavaScript as well as 100kb of CSS to enhance first page packing opportunity you could look at importing it asynchronously merely when individual gets through to the page where the public library is in fact needed to have. The strategy is actually referred to as Careless Bunch and also you may use it in some modern-day bundlers like Webpack and also Rollup.
As you find, we do not use Vue SFC tag right here to import component's css as it would certainly result in CSS visiting the main/vendors bundle rather than being installed on demand.