Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is an International Telephone Input vue 3 component.\n\nInformation as well as Demonstration.\nVisit the site for complete doctors.\nVue 2 Support.\nvue-tel-input@legacy: Manual.\nChangelog.\nGo to Github Launches.\nBeginning.\n\nPut in the plugin:.\nnpm put in vue-tel-input.\n\n\nAdd the plugin 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( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nMuch more facts on installation.\n\n\nUse the vue-tel-input component:.\n\n\n\n\nSetup.\nnpm.\nnpm put in vue-tel-input.\nPut up the plugin into Vue:.\nimport createApp coming from 'vue'.\nbring in App from '.\/ App.vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'auto',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Define default worldwide choices here (extra).\napp.mount('

app').Viewpoint all on call choices in Props.Or use the element directly:.
CDN and also Browser.If Vue is actually detected in the Page, the plugin is actually installed automatically.** Otherwise, manually put up the plugin into Vue:.app.use( home window [' vue-tel-input'].Element idle launching.Given that the library has to do with 200kb of JavaScript and 100kb of CSS so as to boost preliminary web page packing time you might consider importing it asynchronously only when consumer navigates to the web page where the collection is really needed to have. The procedure is actually knowned as Idle Load as well as you may use it in some modern bundlers like Webpack and Rollup.
As you observe, our company do not make use of Vue SFC tag here to import component's css as it would lead to CSS going to the main/vendors pack instead of being downloaded on demand.