Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is an International Telephone Input vue 3 element.\n\nDocuments and also Demo.\nGo to the website for complete docs.\nVue 2 Help.\nvue-tel-input@legacy: Guide.\nChangelog.\nGo to Github Launches.\nStarting.\n\nSet up the plugin:.\nnpm mount vue-tel-input.\n\n\nInclude the plugin into your app:.\nbring in Vue coming from 'vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nA lot more facts on setup.\n\n\nMake use of the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm install vue-tel-input.\nSet up the plugin right into Vue:.\nimport createApp from 'vue'.\nimport Application 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( Application).\napp.use( VueTelInput, globalOptions)\/\/ Determine default global options here (optionally available).\napp.mount('

app').Perspective all accessible possibilities in Props.Or utilize the element straight:.
CDN and also Web browser.If Vue is actually detected in the Webpage, the plugin is put in instantly.** Otherwise, personally put up the plugin into Vue:.app.use( window [' vue-tel-input'].Part careless loading.Given that the library has to do with 200kb of JavaScript as well as 100kb of CSS to improve initial page packing time you might take into consideration importing it asynchronously only when user navigates to the page where the library is actually required. The approach is called Idle Tons as well as you may utilize it in some modern bundlers like Webpack and Rollup.
As you observe, we do not utilize Vue SFC tag below to import component's css as it would certainly cause CSS visiting the main/vendors bundle rather than being downloaded on demand.