Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is actually an International Telephone Input vue 3 part.\n\nPaperwork and also Demo.\nSee the website for full doctors.\nVue 2 Assistance.\nvue-tel-input@legacy: Resource.\nChangelog.\nGo to Github Releases.\nBeginning.\n\nInstall the plugin:.\nnpm set up vue-tel-input.\n\n\nInclude the plugin into your app:.\nimport Vue from 'vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nA lot more information on installation.\n\n\nUtilize the vue-tel-input part:.\n\n\n\n\nSetup.\nnpm.\nnpm put up vue-tel-input.\nPut in the plugin in to Vue:.\nbring in createApp coming from 'vue'.\nimport App coming from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'vehicle',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Determine default international alternatives below (extra).\napp.mount('

app').Sight all readily available options in Props.Or make use of the part directly:.
CDN as well as Internet browser.If Vue is located in the Webpage, the plugin is mounted automatically.** Otherwise, by hand mount the plugin right into Vue:.app.use( window [' vue-tel-input'].Part lazy filling.Since the collection has to do with 200kb of JavaScript as well as 100kb of CSS so as to strengthen initial page packing opportunity you may consider importing it asynchronously only when individual navigates to the page where the library is actually needed. The approach is actually called Careless Bunch and also you can easily utilize it in some contemporary bundlers like Webpack and also Rollup.
As you observe, our experts do not make use of Vue SFC tag listed here to import part's css as it would certainly cause CSS going to the main/vendors pack rather than being installed on demand.