Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is an International Telephone Input vue 3 component.\n\nRecords as well as Demonstration.\nVisit the web site for total docs.\nVue 2 Help.\nvue-tel-input@legacy: Overview.\nChangelog.\nVisit Github Launches.\nGetting started.\n\nPut in the plugin:.\nnpm install vue-tel-input.\n\n\nIncorporate the plugin 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 application = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nExtra info on installation.\n\n\nUse the vue-tel-input element:.\n\n\n\n\nInstallation.\nnpm.\nnpm set up vue-tel-input.\nMount the plugin in to Vue:.\nbring in createApp coming from 'vue'.\nimport App coming from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'car',.\n.\n\nconst application = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Specify nonpayment international options listed below (optionally available).\napp.mount('

app').Scenery all on call options in Props.Or make use of the component directly:.
CDN as well as Internet browser.If Vue is actually recognized in the Page, the plugin is installed immediately.** Or else, personally mount the plugin into Vue:.app.use( window [' vue-tel-input'].Part careless launching.Given that the library has to do with 200kb of JavaScript and also 100kb of CSS to strengthen first page filling time you could look at importing it asynchronously merely when user gets through to the page where the public library is actually needed. The procedure is referred to as Lazy Tons and you can easily use it in some modern-day bundlers like Webpack as well as Rollup.
As you observe, we don't use Vue SFC tag right here to import component's css as it will result in CSS heading to the main/vendors bundle rather than being actually downloaded and install as needed.