Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is actually an International Telephone Input vue 3 part.\n\nRecords and also Demo.\nExplore the website for total docs.\nVue 2 Assistance.\nvue-tel-input@legacy: Resource.\nChangelog.\nGo to Github Launches.\nGetting going.\n\nPut up the plugin:.\nnpm put in vue-tel-input.\n\n\nAdd the plugin in to your app:.\nimport Vue from 'vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nEven more facts on installation.\n\n\nMake use of the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm put up vue-tel-input.\nMount the plugin in to Vue:.\nbring in createApp from 'vue'.\nimport Application from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'auto',.\n.\n\nconst application = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Define default international possibilities right here (extra).\napp.mount('

app').Perspective all available alternatives in Props.Or make use of the part directly:.
CDN as well as Web browser.If Vue is recognized in the Webpage, the plugin is actually put in instantly.** Otherwise, by hand set up the plugin into Vue:.app.use( home window [' vue-tel-input'].Part lazy launching.Because the library has to do with 200kb of JavaScript and also 100kb of CSS so as to enhance preliminary webpage loading opportunity you might consider importing it asynchronously just when individual navigates to the webpage where the collection is really required. The procedure is referred to as Lazy Bunch and you may utilize it in some modern bundlers like Webpack and Rollup.
As you find, our experts don't use Vue SFC tag below to import part's css as it would certainly cause CSS visiting the main/vendors bundle as opposed to being actually downloaded on demand.