Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is actually an International Telephone Input vue 3 element.\n\nRecords as well as Demo.\nCheck out the site for total docs.\nVue 2 Support.\nvue-tel-input@legacy: Overview.\nChangelog.\nVisit Github Releases.\nGetting going.\n\nPut up the plugin:.\nnpm install vue-tel-input.\n\n\nIncorporate the plugin right into your app:.\nimport Vue coming from 'vue'.\nimport VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nEven more facts on installation.\n\n\nUtilize the vue-tel-input element:.\n\n\n\n\nSetup.\nnpm.\nnpm mount vue-tel-input.\nPut in the plugin right into Vue:.\nbring in createApp from 'vue'.\nbring in App from '.\/ App.vue'.\nbring in VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmethod: 'car',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Specify default international alternatives right here (optionally available).\napp.mount('

app').Sight all offered possibilities in Props.Or even use the component directly:.
CDN and Web browser.If Vue is identified in the Webpage, the plugin is installed instantly.** Otherwise, manually set up the plugin in to Vue:.app.use( home window [' vue-tel-input'].Part careless launching.Given that the public library has to do with 200kb of JavaScript as well as 100kb of CSS so as to boost first web page filling opportunity you might look at importing it asynchronously just when customer navigates to the page where the collection is really needed. The strategy is actually knowned as Lazy Load as well as you can easily utilize it in some modern bundlers like Webpack and also Rollup.
As you see, our team don't utilize Vue SFC tag listed here to import part's css as it will lead to CSS mosting likely to the main/vendors pack rather than being actually downloaded and install on demand.