Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is an International Telephone Input vue 3 component.\n\nPaperwork and also Demonstration.\nSee the internet site for complete docs.\nVue 2 Assistance.\nvue-tel-input@legacy: Resource.\nChangelog.\nMost Likely To Github Launches.\nGetting started.\n\nPut in the plugin:.\nnpm install vue-tel-input.\n\n\nAdd the plugin right into your application:.\nimport Vue coming from 'vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( App).\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 put up vue-tel-input.\nInstall the plugin right into Vue:.\nimport createApp coming from 'vue'.\nbring in Application coming from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'car',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Describe nonpayment global possibilities here (optional).\napp.mount('

app').View all offered possibilities in Props.Or even make use of the part straight:.
CDN and Browser.If Vue is identified in the Page, the plugin is mounted automatically.** Otherwise, manually set up the plugin in to Vue:.app.use( home window [' vue-tel-input'].Component idle loading.Considering that the library concerns 200kb of JavaScript and also 100kb of CSS in order to improve initial webpage loading time you might consider importing it asynchronously simply when customer gets through to the web page where the public library is actually needed to have. The method is actually referred to as Idle Tons and also you can use it in some present day bundlers like Webpack and Rollup.
As you see, our company don't make use of Vue SFC tag here to import part's css as it would certainly cause CSS visiting the main/vendors bundle as opposed to being actually installed on demand.