Vue- tel-input - Vue.js Nourished #.\n\nvue-tel-input is an International Telephone Input vue 3 element.\n\nDocumentation as well as Demonstration.\nCheck out the web site for full docs.\nVue 2 Support.\nvue-tel-input@legacy: Resource.\nChangelog.\nHead To Github Launches.\nStarting.\n\nPut in the plugin:.\nnpm put in vue-tel-input.\n\n\nIncorporate the plugin into your application:.\nimport Vue coming from 'vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nMuch more information on setup.\n\n\nMake use of the vue-tel-input element:.\n\n\n\n\nInstallment.\nnpm.\nnpm set up vue-tel-input.\nInstall the plugin right into Vue:.\nimport createApp coming from 'vue'.\nimport App from '.\/ App.vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmethod: 'auto',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Define default international alternatives listed below (optional).\napp.mount('

app').Viewpoint all on call options in Props.Or even utilize the part directly:.
CDN and Internet browser.If Vue is found in the Web page, the plugin is actually mounted automatically.** Otherwise, manually put in the plugin right into Vue:.app.use( home window [' vue-tel-input'].Part careless loading.Because the library has to do with 200kb of JavaScript and also 100kb of CSS in order to improve first web page filling opportunity you could take into consideration importing it asynchronously only when consumer navigates to the page where the public library is in fact needed to have. The method is called Careless Load as well as you can easily utilize it in some contemporary bundlers like Webpack and also Rollup.
As you find, our team do not use Vue SFC tag below to import element's css as it would certainly cause CSS heading to the main/vendors pack as opposed to being actually installed on demand.