Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is actually an International Telephone Input vue 3 component.\n\nRecords and Demonstration.\nGo to the site for total docs.\nVue 2 Help.\nvue-tel-input@legacy: Quick guide.\nChangelog.\nMost Likely To Github Launches.\nGetting going.\n\nInstall the plugin:.\nnpm set up vue-tel-input.\n\n\nAdd the plugin into your application:.\nbring in Vue from 'vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nMuch more info on setup.\n\n\nUse the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm set up vue-tel-input.\nPut in the plugin into Vue:.\nbring in createApp from 'vue'.\nbring in Application from '.\/ App.vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'automotive',.\n.\n\nconst app = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Define default global possibilities here (optional).\napp.mount('

app').View all available choices in Props.Or even make use of the part directly:.
CDN and Web browser.If Vue is actually found in the Webpage, the plugin is set up automatically.** Otherwise, by hand set up the plugin in to Vue:.app.use( window [' vue-tel-input'].Element lazy loading.Considering that the library is about 200kb of JavaScript and also 100kb of CSS if you want to improve first webpage packing opportunity you may look at importing it asynchronously just when individual browses to the webpage where the collection is in fact needed. The technique is knowned as Careless Lots as well as you can easily utilize it in some contemporary bundlers like Webpack as well as Rollup.
As you see, our team don't make use of Vue SFC tag listed here to import element's css as it would result in CSS mosting likely to the main/vendors pack as opposed to being downloaded and install as needed.