Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is an International Telephone Input vue 3 element.\n\nPaperwork and Demo.\nSee the website for full docs.\nVue 2 Assistance.\nvue-tel-input@legacy: Guide.\nChangelog.\nGo to Github Launches.\nBeginning.\n\nMount the plugin:.\nnpm set up vue-tel-input.\n\n\nInclude the plugin in to your application:.\nbring in Vue from 'vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nExtra details on setup.\n\n\nUtilize the vue-tel-input component:.\n\n\n\n\nSetup.\nnpm.\nnpm mount vue-tel-input.\nInstall the plugin in to Vue:.\nbring in createApp from 'vue'.\nbring in Application coming from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'automobile',.\n.\n\nconst application = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Determine default global choices listed here (optional).\napp.mount('

app').Perspective all available alternatives in Props.Or make use of the element directly:.
CDN as well as Browser.If Vue is actually found in the Web page, the plugin is mounted automatically.** Otherwise, personally put up the plugin right into Vue:.app.use( window [' vue-tel-input'].Element careless filling.Considering that the public library concerns 200kb of JavaScript as well as 100kb of CSS so as to strengthen initial web page loading opportunity you may consider importing it asynchronously simply when user gets through to the web page where the library is actually required. The technique is knowned as Idle Load and you can easily utilize it in some modern bundlers like Webpack and Rollup.
As you see, our company don't utilize Vue SFC tag here to import part's css as it would cause CSS visiting the main/vendors pack rather than being actually installed as needed.