Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is actually an International Telephone Input vue 3 element.\n\nInformation and Demonstration.\nExplore the web site for complete docs.\nVue 2 Assistance.\nvue-tel-input@legacy: Overview.\nChangelog.\nVisit Github Launches.\nStarting.\n\nPut up the plugin:.\nnpm set up vue-tel-input.\n\n\nAdd the plugin in to 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 application = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nA lot more details on setup.\n\n\nUse the vue-tel-input part:.\n\n\n\n\nSetup.\nnpm.\nnpm install vue-tel-input.\nPut in the plugin in to Vue:.\nimport createApp coming from 'vue'.\nbring in Application from '.\/ App.vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'auto',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Describe nonpayment international options right here (optional).\napp.mount('

app').View all accessible alternatives in Props.Or use the component straight:.
CDN and also Browser.If Vue is found in the Page, the plugin is actually set up automatically.** Otherwise, manually put in the plugin in to Vue:.app.use( home window [' vue-tel-input'].Element careless launching.Because the collection concerns 200kb of JavaScript and 100kb of CSS if you want to boost first page loading opportunity you could think about importing it asynchronously just when consumer browses to the web page where the library is actually needed to have. The method is referred to as Careless Bunch as well as you may use it in some contemporary bundlers like Webpack and Rollup.
As you see, our company do not utilize Vue SFC tag listed below to import component's css as it would cause CSS visiting the main/vendors pack instead of being actually installed on demand.