Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is an International Telephone Input vue 3 component.\n\nPaperwork and Demo.\nGo to the internet site for complete docs.\nVue 2 Support.\nvue-tel-input@legacy: Manual.\nChangelog.\nHead To Github Launches.\nBeginning.\n\nPut up the plugin:.\nnpm put up vue-tel-input.\n\n\nInclude the plugin in to your application:.\nbring in Vue from 'vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nExtra facts on installation.\n\n\nMake use of the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm install vue-tel-input.\nPut up the plugin right into Vue:.\nimport createApp from 'vue'.\nimport Application coming from '.\/ App.vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'automobile',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Determine nonpayment international possibilities listed below (extra).\napp.mount('

app').View all available options in Props.Or even utilize the element straight:.
CDN and also Browser.If Vue is actually located in the Web page, the plugin is put up automatically.** Typically, personally put up the plugin right into Vue:.app.use( window [' vue-tel-input'].Element idle loading.Since the public library has to do with 200kb of JavaScript and 100kb of CSS if you want to enhance first webpage packing time you might consider importing it asynchronously only when individual browses to the webpage where the library is in fact required. The method is called Careless Bunch and you can easily utilize it in some modern-day bundlers like Webpack and also Rollup.
As you see, we don't use Vue SFC tag listed here to import part's css as it would certainly lead to CSS heading to the main/vendors pack instead of being installed on demand.