Vue- tel-input - Vue.js Nourished #.\n\nvue-tel-input is an International Telephone Input vue 3 part.\n\nDocuments and also Demonstration.\nExplore the website for total docs.\nVue 2 Support.\nvue-tel-input@legacy: Manual.\nChangelog.\nMost Likely To Github Releases.\nStarting.\n\nPut in the plugin:.\nnpm set 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 app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nMore facts on setup.\n\n\nUse the vue-tel-input element:.\n\n\n\n\nInstallation.\nnpm.\nnpm mount vue-tel-input.\nSet up the plugin into Vue:.\nbring in createApp from 'vue'.\nbring in App coming from '.\/ App.vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'automotive',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Determine nonpayment worldwide choices listed here (optional).\napp.mount('

app').Perspective all available possibilities in Props.Or use the element straight:.
CDN and also Internet browser.If Vue is actually discovered in the Webpage, the plugin is actually installed instantly.** Typically, by hand mount the plugin into Vue:.app.use( window [' vue-tel-input'].Part idle launching.Considering that the public library has to do with 200kb of JavaScript and also 100kb of CSS if you want to enhance preliminary web page packing time you could consider importing it asynchronously only when individual browses to the page where the collection is in fact needed. The strategy is actually knowned as Idle Bunch as well as you can easily utilize it in some modern-day bundlers like Webpack as well as Rollup.
As you see, our team don't utilize Vue SFC tag below to import part's css as it would lead to CSS mosting likely to the main/vendors pack rather than being installed as needed.