Vue- tel-input - Vue.js Nourished #.\n\nvue-tel-input is actually an International Telephone Input vue 3 component.\n\nPaperwork and Demonstration.\nExplore the internet site for complete docs.\nVue 2 Help.\nvue-tel-input@legacy: Manual.\nChangelog.\nVisit Github Launches.\nGetting started.\n\nInstall the plugin:.\nnpm set up vue-tel-input.\n\n\nInclude the plugin right into your application:.\nimport Vue coming from 'vue'.\nimport VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nEven more details on installment.\n\n\nMake use of the vue-tel-input element:.\n\n\n\n\nInstallation.\nnpm.\nnpm mount vue-tel-input.\nMount the plugin into Vue:.\nbring in createApp from 'vue'.\nbring in App from '.\/ App.vue'.\nimport VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'vehicle',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Determine default international choices here (optionally available).\napp.mount('

app').Sight all readily available options in Props.Or even use the part straight:.
CDN and Browser.If Vue is discovered in the Webpage, the plugin is actually mounted instantly.** Or else, manually mount the plugin into Vue:.app.use( home window [' vue-tel-input'].Component lazy loading.Because the library has to do with 200kb of JavaScript as well as 100kb of CSS so as to enhance first webpage filling opportunity you may take into consideration importing it asynchronously only when user navigates to the web page where the collection is actually needed to have. The technique is actually referred to as Careless Load and you may use it in some contemporary bundlers like Webpack as well as Rollup.
As you observe, our team don't make use of Vue SFC tag here to import element's css as it would lead to CSS heading to the main/vendors bundle rather than being installed on demand.