Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is actually an International Telephone Input vue 3 part.\n\nDocuments and also Trial.\nGo to the web site for total doctors.\nVue 2 Help.\nvue-tel-input@legacy: Quick guide.\nChangelog.\nVisit Github Launches.\nStarting.\n\nMount the plugin:.\nnpm put up vue-tel-input.\n\n\nAdd the plugin right into your app:.\nimport Vue from 'vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nMuch more information on setup.\n\n\nUse the vue-tel-input component:.\n\n\n\n\nInstallment.\nnpm.\nnpm put up vue-tel-input.\nPut in the plugin into Vue:.\nimport createApp from 'vue'.\nimport App coming from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'automobile',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Describe nonpayment worldwide possibilities right here (optional).\napp.mount('

app').Perspective all on call options in Props.Or even make use of the part straight:.
CDN and Browser.If Vue is found in the Web page, the plugin is actually put up instantly.** Otherwise, personally put up the plugin in to Vue:.app.use( home window [' vue-tel-input'].Part idle running.Considering that the library concerns 200kb of JavaScript as well as 100kb of CSS to enhance initial page loading time you could think about importing it asynchronously only when user navigates to the page where the library is actually required. The method is knowned as Idle Lots and you can easily use it in some modern-day bundlers like Webpack and also Rollup.
As you see, our team do not use Vue SFC tag listed here to import component's css as it would certainly cause CSS going to the main/vendors bundle rather than being actually installed as needed.