{"_id":"@anhoang/vue-tel-input-compat","_rev":"2-f669d46855446d436dcc4d563b62a925","name":"@anhoang/vue-tel-input-compat","dist-tags":{"latest":"9.1.5"},"versions":{"8.1.1":{"name":"@anhoang/vue-tel-input-compat","version":"8.1.1","keywords":["vue","telephone","phone","vue-tel-input","phone input","telephone input","input","international phone"],"author":{"name":"Steven Dao - Forked by AnHoang"},"license":"MIT","_id":"@anhoang/vue-tel-input-compat@8.1.1","maintainers":[{"name":"anhoang","email":"an.hoang.dev@gmail.com"}],"homepage":"https://vue-tel-input.iamstevendao.com","bugs":{"url":"https://github.com/iamstevendao/vue-tel-input/issues"},"dist":{"shasum":"10a7531fabec9588aa9a773e712650c868daf129","tarball":"https://registry.npmjs.org/@anhoang/vue-tel-input-compat/-/vue-tel-input-compat-8.1.1.tgz","fileCount":6,"integrity":"sha512-9nbNHnO8ZLcmoPdWiMs8mmWvwdJsKUU1uDs0HqWoxPkL3GfoFr6urU0ZYiJQrlM1PTLqBTzmvOG3fSwwzpAMdA==","signatures":[{"sig":"MEUCIQCSYhbRjgIU2P9hPDwhox6GTPv0cznLVCjZtnIWLjuaXgIgGHiHWnGleBhUtDPEon1JS/BaEaY+CN95wlVyjZX3Xc8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":550066},"main":"./dist/vue-tel-input.umd.cjs","type":"module","module":"./dist/vue-tel-input.js","exports":{".":{"import":"./dist/vue-tel-input.js","require":"./dist/vue-tel-input.umd.cjs"},"./vue-tel-input.css":"./dist/vue-tel-input.css"},"gitHead":"5065408e543aa356c0031ffbf30d8a558577375b","scripts":{"dev":"vitepress dev docs","build":"vue-tsc && vite build","preview":"vite preview","docs:dev":"vitepress dev docs","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"_npmUser":{"name":"anhoang","email":"an.hoang.dev@gmail.com"},"repository":{"url":"git+https://github.com/iamstevendao/vue-tel-input.git","type":"git"},"_npmVersion":"9.6.7","description":"International Telephone Input with Vue","directories":{},"_nodeVersion":"18.16.0","dependencies":{"vue":"^3.2.47","libphonenumber-js":"^1.10.12"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.2.1","react":"^18.2.0","vue-tsc":"^1.2.0","react-dom":"^18.2.0","storybook":"^7.0.2","vitepress":"^1.0.0-alpha.65","typescript":"^5.0.2","@vitejs/plugin-vue":"^4.1.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-tel-input-compat_8.1.1_1690451865359_0.27993546747329257","host":"s3://npm-registry-packages"}},"9.1.4":{"name":"@anhoang/vue-tel-input-compat","version":"9.1.4","keywords":["vue","telephone","phone","vue-tel-input","phone input","telephone input","input","international phone"],"author":{"name":"An Hoang"},"license":"MIT","_id":"@anhoang/vue-tel-input-compat@9.1.4","maintainers":[{"name":"anhoang","email":"an.hoang.dev@gmail.com"}],"homepage":"https://iamstevendao.com/vue-tel-input/","bugs":{"url":"https://github.com/iamstevendao/vue-tel-input/issues"},"dist":{"shasum":"6d74563ff6d291c732256f327fd8fbeb0d35bcb7","tarball":"https://registry.npmjs.org/@anhoang/vue-tel-input-compat/-/vue-tel-input-compat-9.1.4.tgz","fileCount":3,"integrity":"sha512-qHMSPWAzH6YoweG6g5E7+nOOmeB81qOxJZWcLF22NnDF6L0ugtRu4IF19c9UtL737gJvmkYaSi56MwXKKxoWkw==","signatures":[{"sig":"MEQCICAt7rRI9iUfc+08dR35jPUaM/Bc++E4VECRn8BL3pgXAiAHSadelCMV4Ob8zR/L21gbRsixxwQhNTo6Ek3h6Hi09Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6737},"main":"./dist/vue-tel-input.umd.cjs","type":"module","module":"./dist/vue-tel-input.js","exports":{".":{"import":"./dist/vue-tel-input.js","require":"./dist/vue-tel-input.umd.cjs"},"./vue-tel-input.css":"./dist/vue-tel-input.css"},"gitHead":"a92763205da6c5aa40b7accbbfbe8be9e1b49d38","scripts":{"dev":"vitepress dev docs","test":"vitest --ui","build":"vue-tsc && vite build","preview":"vite preview","docs:dev":"vitepress dev docs","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"_npmUser":{"name":"anhoang","email":"an.hoang.dev@gmail.com"},"repository":{"url":"git+https://github.com/iamstevendao/vue-tel-input.git","type":"git"},"_npmVersion":"8.19.4","description":"International Telephone Input with Vue","directories":{},"_nodeVersion":"16.20.2","dependencies":{"vue":"^3.4.21","libphonenumber-js":"^1.10.51"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.2","jsdom":"^24.0.0","vitest":"^1.4.0","vue-tsc":"^2.0.6","vitepress":"^1.0.0-rc.31","@vitest/ui":"^1.4.0","typescript":"^5.3.2","@vue/test-utils":"^2.4.5","@vitejs/plugin-vue":"^5.0.4"},"_npmOperationalInternal":{"tmp":"tmp/vue-tel-input-compat_9.1.4_1721119256944_0.15740271130042327","host":"s3://npm-registry-packages"}},"9.1.5":{"name":"@anhoang/vue-tel-input-compat","version":"9.1.5","description":"International Telephone Input with Vue","author":{"name":"An Hoang"},"license":"MIT","homepage":"https://iamstevendao.com/vue-tel-input/","type":"module","repository":{"type":"git","url":"git+https://github.com/iamstevendao/vue-tel-input.git"},"exports":{".":{"import":"./dist/vue-tel-input.js","require":"./dist/vue-tel-input.umd.cjs"},"./vue-tel-input.css":"./dist/vue-tel-input.css"},"main":"./dist/vue-tel-input.umd.cjs","module":"./dist/vue-tel-input.js","scripts":{"dev":"vitepress dev docs","test":"vitest --ui","build":"vue-tsc && vite build","preview":"vite preview","docs:dev":"vitepress dev docs","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"dependencies":{"libphonenumber-js":"^1.10.51","vue":"^3.4.21"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","@vitest/ui":"^1.4.0","@vue/test-utils":"^2.4.5","jsdom":"^24.0.0","typescript":"^5.3.2","vite":"^5.0.2","vitepress":"^1.0.0-rc.31","vitest":"^1.4.0","vue-tsc":"^2.0.6"},"keywords":["vue","telephone","phone","vue-tel-input","phone input","telephone input","input","international phone"],"gitHead":"2a05c7ac49a2aafa8ee3aaca924633fd7f3061c1","bugs":{"url":"https://github.com/iamstevendao/vue-tel-input/issues"},"_id":"@anhoang/vue-tel-input-compat@9.1.5","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-g/WI7ve0KUDcPYrFohJVQR3MwXCqT4nHhvrW9FnIxwt9IpYE/+2RN33FM04br/ZDxDz9veuBwU0SIeybCe20rw==","shasum":"1c4b8919500ebc49f2481d1078da502374ab01ce","tarball":"https://registry.npmjs.org/@anhoang/vue-tel-input-compat/-/vue-tel-input-compat-9.1.5.tgz","fileCount":6,"unpackedSize":552916,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMgJf/Dzwj7F/gQDC6PuxLxcAJ4apJ6/9SKSlM6qscKgIgXWsrItlPgKg7jJ550lY7A3P8hydk5tleuYwvHm3kyKw="}]},"_npmUser":{"name":"anhoang","email":"an.hoang.dev@gmail.com"},"directories":{},"maintainers":[{"name":"anhoang","email":"an.hoang.dev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tel-input-compat_9.1.5_1721121180789_0.5812591028531355"},"_hasShrinkwrap":false}},"time":{"created":"2023-07-27T09:57:45.249Z","modified":"2024-07-16T09:13:01.180Z","8.1.1":"2023-07-27T09:57:45.567Z","9.1.4":"2024-07-16T08:40:57.090Z","9.1.5":"2024-07-16T09:13:01.009Z"},"bugs":{"url":"https://github.com/iamstevendao/vue-tel-input/issues"},"author":{"name":"An Hoang"},"license":"MIT","homepage":"https://iamstevendao.com/vue-tel-input/","keywords":["vue","telephone","phone","vue-tel-input","phone input","telephone input","input","international phone"],"repository":{"type":"git","url":"git+https://github.com/iamstevendao/vue-tel-input.git"},"description":"International Telephone Input with Vue","maintainers":[{"name":"anhoang","email":"an.hoang.dev@gmail.com"}],"readme":"
\n\n
\n\n# vue-tel-input\n\nInternational Telephone Input with Vue.\n\n[](https://www.npmjs.com/package/vue-tel-input) [](https://github.com/iamstevendao/vue-tel-input)\n\n
\n\n
\n\n## Documentation and Demo\n\n[Visit the website](https://iamstevendao.com/vue-tel-input/)\n\n## Vue 2 Support\n\n`vue-tel-input@legacy`: [Guide](https://iamstevendao.com/vue-tel-input/guide/legacy.html)\n\n## Changelog\n\n[Go to Github Releases](https://github.com/iamstevendao/vue-tel-input/releases)\n\n## Getting started\n\n- Install the plugin:\n\n ```sh\n npm install vue-tel-input\n ```\n\n- Add the plugin into your app:\n\n ```javascript\n import Vue from 'vue';\n import VueTelInput from 'vue-tel-input';\n import 'vue-tel-input/vue-tel-input.css';\n\n const app = createApp(App);\n app.use(VueTelInput);\n app.mount('#app');\n ```\n\n [More info on installation](#installation)\n\n- Use the `vue-tel-input` component:\n\n ```html\n \n \n \n ```\n\n## Installation\n\n### npm\n\n```bash\n npm install vue-tel-input\n```\n\nInstall the plugin into Vue:\n\n```javascript\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport VueTelInput from 'vue-tel-input';\nimport 'vue-tel-input/vue-tel-input.css';\n\nconst globalOptions = {\n mode: 'auto',\n};\n\nconst app = createApp(App);\napp.use(VueTelInput, globalOptions); // Define default global options here (optional)\napp.mount('#app');\n```\n\n> View all available options in [Props](https://iamstevendao.com/vue-tel-input/usage/props.html).\n\nOr use the component directly:\n\n```html\n\n \n\n\n\n```\n\n### Browser\n\n```html\n\n\n```\n\n**If Vue is detected in the Page, the plugin is installed automatically.**\n\n\\*\\* Otherwise, manually install the plugin into Vue:\n\n```js\napp.use(window['vue-tel-input']);\n```\n\n### Component lazy loading\n\nSince the library is about 200kb of JavaScript and 100kb of CSS in order to improve initial page loading time you might consider importing it asynchronously only when user navigates to the page where the library is actually needed. The technique is called [Lazy Load](https://webpack.js.org/guides/lazy-loading/) and you can use it in some modern bundlers like Webpack and Rollup.\n\n```html\n\n\n \n\n\n```\n\nAs you see, we don't use Vue SFC `` tag here to import component's css as it would result in CSS going to the main/vendors bundle instead of being downloaded on demand.\n\n## Development\n\nClone the project\n\n```bash\n git clone https://github.com/iamstevendao/vue-tel-input.git\n```\n\nGo to the project directory\n\n```bash\n cd vue-tel-input\n```\n\nInstall dependencies\n\n```bash\n npm install\n```\n\nStart the server\n\n```bash\n npm run dev\n```\n\n## License\n\nCopyright (c) 2018 Steven Dao.\nReleased under the [MIT License](https://github.com/iamstevendao/vue-tel-input/blob/master/LICENSE).\n\nmade with ❤ by [Steven](https://github.com/iamstevendao).\n","readmeFilename":"README.md"}
![\"vue-tel-input-logo\"](\"https://iamstevendao.com/vue-tel-input/hero.png\"/)
\n![\"In-action](\"https://thumbs.gfycat.com/EducatedPoliteBluefintuna-size_restricted.gif\"/)
\n