Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is actually an International Telephone Input vue 3 element.\n\nPaperwork and also Demo.\nSee the internet site for total doctors.\nVue 2 Assistance.\nvue-tel-input@legacy: Overview.\nChangelog.\nMost Likely To Github Releases.\nStarting.\n\nPut in the plugin:.\nnpm install vue-tel-input.\n\n\nIncorporate the plugin in to your application:.\nimport Vue coming from 'vue'.\nimport VueTelInput 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 details on installation.\n\n\nUtilize the vue-tel-input part:.\n\n\n\n\nInstallation.\nnpm.\nnpm put up vue-tel-input.\nMount the plugin right into Vue:.\nbring in createApp coming from 'vue'.\nbring in App from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'automotive',.\n.\n\nconst application = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Specify nonpayment global alternatives listed here (extra).\napp.mount('

app').View all offered possibilities in Props.Or even make use of the part directly:.
CDN and Browser.If Vue is located in the Page, the plugin is mounted instantly.** Otherwise, by hand put in the plugin in to Vue:.app.use( home window [' vue-tel-input'].Element lazy loading.Considering that the public library concerns 200kb of JavaScript as well as 100kb of CSS if you want to improve first webpage loading opportunity you may consider importing it asynchronously only when individual navigates to the webpage where the library is actually required. The method is actually called Careless Tons and also you can easily use it in some contemporary bundlers like Webpack as well as Rollup.
As you observe, our company do not make use of Vue SFC tag listed below to import component's css as it would certainly lead to CSS going to the main/vendors bundle rather than being downloaded as needed.