{"id":15391923,"url":"https://github.com/scrum/vue-restricted-input","last_synced_at":"2025-04-15T23:27:18.888Z","repository":{"id":34897827,"uuid":"187849402","full_name":"Scrum/vue-restricted-input","owner":"Scrum","description":"Input mask library for vue.js based on credit-card-input-mask","archived":false,"fork":false,"pushed_at":"2023-03-06T05:35:51.000Z","size":947,"stargazers_count":10,"open_issues_count":5,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-21T09:57:37.152Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Scrum.png","metadata":{"files":{"readme":"readme.md","changelog":"changelog.md","contributing":null,"funding":".github/funding.yml","license":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":["https://paypal.me/scrumpay"]}},"created_at":"2019-05-21T14:03:45.000Z","updated_at":"2024-01-25T22:19:07.000Z","dependencies_parsed_at":"2024-01-02T23:34:26.370Z","dependency_job_id":"8c5833fb-605e-42ab-9cd8-a1c7b7dca5b3","html_url":"https://github.com/Scrum/vue-restricted-input","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Scrum%2Fvue-restricted-input","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Scrum%2Fvue-restricted-input/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Scrum%2Fvue-restricted-input/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Scrum%2Fvue-restricted-input/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Scrum","download_url":"https://codeload.github.com/Scrum/vue-restricted-input/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241212183,"owners_count":19927894,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-01T15:13:30.872Z","updated_at":"2025-02-28T19:30:26.632Z","avatar_url":"https://github.com/Scrum.png","language":"TypeScript","funding_links":["https://paypal.me/scrumpay"],"categories":[],"sub_categories":[],"readme":"# vue-restricted-input\n\n\u003e Input mask for vue.js based on [credit-card-input-mask](https://github.com/Scrum/credit-card-input-mask)\n\n[![vue.js](https://img.shields.io/static/v1?label=Vue.js\u0026message=3\u0026color=4FC08D\u0026style=flat-square\u0026logo=vue.js\u0026logoColor=ffffff)](https://vuejs.org/)[![node](https://img.shields.io/node/v/vue-restricted-input.svg?style=flat-square)]()[![npm version](https://img.shields.io/npm/v/vue-restricted-input.svg?style=flat-square)](https://www.npmjs.com/package/vue-restricted-input)[![XO code style](https://badgen.net/xo/status/chalk?style=flat-square)](https://github.com/sindresorhus/xo)[![Coveralls status](https://img.shields.io/coveralls/Scrum/vue-restricted-input.svg?style=flat-square)](https://coveralls.io/r/Scrum/vue-restricted-input)\n\n[![npm downloads](https://img.shields.io/npm/dm/vue-restricted-input.svg?style=flat-square)](https://www.npmjs.com/package/vue-restricted-input)[![npm](https://img.shields.io/npm/dt/vue-restricted-input.svg?style=flat-square)](https://www.npmjs.com/package/vue-restricted-input)\n\n## Why ?\n[credit-card-input-mask](https://github.com/Scrum/credit-card-input-mask) perfect work with carriage position, fast.\n\n## Install\n\n```bash\n$ npm install vue-restricted-input \n```\n\n\u003e **Note:** This project is compatible with node v12+\n\n## Usage\n\n***`main.ts`***\n```javascript\nimport { createApp } from 'vue';\nimport {VueRestrictedInputDirective} from 'vue-restricted-input';\n\nimport App from './App.vue';\n\nconst app = createApp(App);\n\napp.directive('mask', VueRestrictedInputDirective);\n```\n\n***`App.vue`***\n```vue\n\u003ctemplate\u003e\n  \u003cinput type=\"text\" v-mask=\"mask\" :value=\"value\"\u003e\n\u003c/template\u003e\n\n\u003cscript setup\u003e\n  import {ref} from 'vue';\n\n  const value = ref('11111111');\n  const mask = ref('{{9999}} {{9999}}');\n\u003c/script\u003e\n```\n\n## Related\n\n- [credit-card-input-mask](https://github.com/Scrum/credit-card-input-mask) - Allow restricted character sets in `input` elements.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscrum%2Fvue-restricted-input","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fscrum%2Fvue-restricted-input","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscrum%2Fvue-restricted-input/lists"}