Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is an International Telephone Input vue 3 element.\n\nRecords and also Trial.\nCheck out the internet site for complete docs.\nVue 2 Support.\nvue-tel-input@legacy: Overview.\nChangelog.\nHead To Github Releases.\nGetting started.\n\nPut in the plugin:.\nnpm set up vue-tel-input.\n\n\nInclude the plugin right into your app:.\nbring in Vue coming from 'vue'.\nimport VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nMuch more information on installation.\n\n\nUse the vue-tel-input component:.\n\n\n\n\nSetup.\nnpm.\nnpm put up vue-tel-input.\nPut in the plugin right into Vue:.\nbring in createApp coming from 'vue'.\nimport App coming from '.\/ App.vue'.\nimport VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmethod: 'vehicle',.\n.\n\nconst application = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Determine default international choices listed here (extra).\napp.mount('

app').Perspective all available possibilities in Props.Or make use of the part directly:.
CDN and also Internet browser.If Vue is actually identified in the Webpage, the plugin is actually set up immediately.** Or else, manually install the plugin in to Vue:.app.use( home window [' vue-tel-input'].Component idle loading.Given that the library concerns 200kb of JavaScript as well as 100kb of CSS so as to boost initial web page packing opportunity you might look at importing it asynchronously simply when user browses to the page where the library is really needed to have. The method is actually knowned as Careless Bunch and you can use it in some contemporary bundlers like Webpack and Rollup.
As you observe, our experts do not use Vue SFC tag listed here to import part's css as it will lead to CSS going to the main/vendors pack as opposed to being installed as needed.