Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is an International Telephone Input vue 3 component.\n\nPaperwork as well as Demo.\nGo to the site for full docs.\nVue 2 Support.\nvue-tel-input@legacy: Quick guide.\nChangelog.\nHead To Github Launches.\nGetting going.\n\nMount the plugin:.\nnpm put up vue-tel-input.\n\n\nAdd the plugin right into your application:.\nbring in Vue from 'vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nA lot more facts on setup.\n\n\nUse the vue-tel-input element:.\n\n\n\n\nInstallment.\nnpm.\nnpm put in vue-tel-input.\nPut up the plugin into Vue:.\nbring in createApp coming from 'vue'.\nbring in App 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 application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Define default international possibilities here (optional).\napp.mount('

app').View all accessible possibilities in Props.Or use the element directly:.
CDN as well as Internet browser.If Vue is discovered in the Webpage, the plugin is actually set up automatically.** Otherwise, manually put in the plugin into Vue:.app.use( window [' vue-tel-input'].Component idle running.Because the public library concerns 200kb of JavaScript and 100kb of CSS so as to improve first web page packing time you could look at importing it asynchronously merely when individual navigates to the page where the collection is really needed. The strategy is actually knowned as Idle Lots as well as you may utilize it in some contemporary bundlers like Webpack and also Rollup.
As you observe, our experts don't use Vue SFC tag listed here to import element's css as it would cause CSS going to the main/vendors pack instead of being actually downloaded as needed.