Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is actually an International Telephone Input vue 3 part.\n\nDocumentation as well as Trial.\nExplore the web site for full docs.\nVue 2 Assistance.\nvue-tel-input@legacy: Overview.\nChangelog.\nGo to Github Launches.\nStarting.\n\nPut up the plugin:.\nnpm mount vue-tel-input.\n\n\nInclude the plugin in to your application:.\nimport Vue coming from 'vue'.\nimport 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 installment.\n\n\nMake use of the vue-tel-input element:.\n\n\n\n\nSetup.\nnpm.\nnpm set up vue-tel-input.\nPut up the plugin into Vue:.\nimport createApp coming from 'vue'.\nbring in Application from '.\/ App.vue'.\nimport VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmethod: 'auto',.\n.\n\nconst application = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Specify nonpayment global options listed here (extra).\napp.mount('

app').View all offered alternatives in Props.Or use the element straight:.
CDN and Internet browser.If Vue is actually sensed in the Web page, the plugin is actually put up immediately.** Otherwise, personally put up the plugin in to Vue:.app.use( window [' vue-tel-input'].Element careless launching.Since the collection is about 200kb of JavaScript and also 100kb of CSS in order to enhance preliminary page packing time you might look at importing it asynchronously simply when user navigates to the page where the public library is actually needed to have. The method is actually knowned as Lazy Bunch and also you may use it in some modern bundlers like Webpack and Rollup.
As you observe, our team do not utilize Vue SFC tag listed below to import component's css as it would cause CSS mosting likely to the main/vendors bundle instead of being downloaded as needed.