Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is actually an International Telephone Input vue 3 component.\n\nRecords and also Demo.\nCheck out the web site for full docs.\nVue 2 Support.\nvue-tel-input@legacy: Manual.\nChangelog.\nVisit Github Releases.\nGetting started.\n\nInstall the plugin:.\nnpm put up vue-tel-input.\n\n\nAdd the plugin into your app:.\nimport Vue coming from 'vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nExtra facts on installment.\n\n\nUse the vue-tel-input part:.\n\n\n\n\nSetup.\nnpm.\nnpm set up vue-tel-input.\nMount the plugin in to Vue:.\nbring in createApp from 'vue'.\nbring in App coming from '.\/ App.vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'auto',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Specify nonpayment worldwide options listed here (optional).\napp.mount('

app').Perspective all readily available alternatives in Props.Or even make use of the element directly:.
CDN and Browser.If Vue is spotted in the Page, the plugin is actually put in instantly.** Otherwise, personally set up the plugin in to Vue:.app.use( window [' vue-tel-input'].Element idle loading.Since the collection concerns 200kb of JavaScript and 100kb of CSS so as to strengthen initial web page packing time you could consider importing it asynchronously only when individual browses to the webpage where the collection is in fact needed. The technique is actually called Idle Bunch and you can use it in some contemporary bundlers like Webpack and also Rollup.
As you observe, our experts do not use Vue SFC tag here to import component's css as it will lead to CSS going to the main/vendors pack instead of being actually downloaded and install on demand.