Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is actually an International Telephone Input vue 3 component.\n\nRecords and also Demo.\nVisit the website for total docs.\nVue 2 Help.\nvue-tel-input@legacy: Quick guide.\nChangelog.\nGo to Github Launches.\nStarting.\n\nMount the plugin:.\nnpm put up vue-tel-input.\n\n\nInclude the plugin right into your app:.\nimport Vue coming from 'vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nEven more info on installment.\n\n\nUse the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm mount vue-tel-input.\nSet up the plugin right into Vue:.\nbring in createApp from 'vue'.\nbring in App from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmethod: 'car',.\n.\n\nconst app = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Define default international possibilities right here (extra).\napp.mount('

app').Sight all readily available choices in Props.Or use the part straight:.
CDN and also Internet browser.If Vue is actually identified in the Web page, the plugin is put in immediately.** Typically, personally set up the plugin right into Vue:.app.use( home window [' vue-tel-input'].Part idle filling.Since the public library is about 200kb of JavaScript and 100kb of CSS if you want to enhance first webpage loading opportunity you might look at importing it asynchronously merely when individual gets through to the web page where the library is actually needed. The procedure is called Careless Bunch as well as you can use it in some modern-day bundlers like Webpack and Rollup.
As you observe, our experts do not use Vue SFC tag listed here to import part's css as it would cause CSS mosting likely to the main/vendors bundle instead of being actually installed on demand.