{"id":22485156,"url":"https://github.com/MeForma/vue-wait-for","last_synced_at":"2025-08-02T18:31:35.119Z","repository":{"id":112773091,"uuid":"329306965","full_name":"MeForma/vue-wait-for","owner":"MeForma","description":"A loader manager for vue3 with reactive method","archived":false,"fork":false,"pushed_at":"2021-01-13T14:00:53.000Z","size":3,"stargazers_count":12,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-04-23T17:06:17.473Z","etag":null,"topics":["loader","manager","vue-3","vue-js","vuejs","vuejs3","wait","waiting","waiting-ti"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/MeForma.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2021-01-13T12:50:46.000Z","updated_at":"2023-10-02T23:07:24.000Z","dependencies_parsed_at":null,"dependency_job_id":"0f69809a-daa2-4649-83d7-16d68e997534","html_url":"https://github.com/MeForma/vue-wait-for","commit_stats":{"total_commits":3,"total_committers":1,"mean_commits":3.0,"dds":0.0,"last_synced_commit":"75a323e7462f4f2ae1a2fd2a86e8f14b0e6660f3"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MeForma%2Fvue-wait-for","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MeForma%2Fvue-wait-for/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MeForma%2Fvue-wait-for/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MeForma%2Fvue-wait-for/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MeForma","download_url":"https://codeload.github.com/MeForma/vue-wait-for/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228499927,"owners_count":17929986,"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":["loader","manager","vue-3","vue-js","vuejs","vuejs3","wait","waiting","waiting-ti"],"created_at":"2024-12-06T17:12:06.547Z","updated_at":"2024-12-06T17:13:49.096Z","avatar_url":"https://github.com/MeForma.png","language":"JavaScript","readme":"# Vue Wait For\n\nA loader manager for vuejs 3 with reactive method\n\n## Installation\n\n```bash\n# yarn\nyarn add @meforma/vue-wait-for\n\n# npm\nnpm install @meforma/vue-wait-for\n```\n\n## Import\n\n```js\n// In you main.js\n// ... considering that your app creation is here\nimport wait from \"@meforma/vue-wait-for\";\n\ncreateApp(App).use(wait).mount(\"#app\");\n```\n\n## Usage\n\n```html\n\u003ctemplate\u003e\n  \u003cdiv class=\"c-dogs\"\u003e\n    \u003cdiv v-if=\"$wait.is('waiting-dogs-time')\"\u003eWaiting Dogs Time...\u003c/div\u003e\n    \u003cdiv v-else\u003eDogs are ready!!\u003c/div\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\n  export default {\n    name: \"dogs\",\n    mounted() {\n      this.$wait.start(\"waiting-dogs-time\");\n      let timeoute = setTimeout(() =\u003e {\n        console.log(\n          \"time in milliseconds:\",\n          this.$wait.end(\"waiting-dogs-time\"),\n        );\n\n        clearTimeout(timeoute);\n        timeoute = null;\n      }, 5000);\n    },\n  };\n\u003c/script\u003e\n```\n\n## Methods\n\n### start(name)\n\nStarts the wait for some word (string). You can't start the same wait more than one time, before execute end.\n\n```js\nthis.$wait.start(\"something\");\n```\n\n### end(name)\n\nKills the wait for some word (string), and returns the duration time of the wait in milliseconds.\n\n```js\nthis.$wait.end(\"something\");\n```\n\n### is(name)\n\nChecks if exists a wait for some word (string).\n\n```js\nthis.$wait.is(\"something\");\n```\n\n### any()\n\nChecks if exists any wait.\n\n```js\nthis.$wait.any();\n```\n\n### clear()\n\nKills all waits, and returns a object with the duration time of all waits in milliseconds.\n\n```js\nthis.$wait.clear();\n```\n\n## License\n\n[MIT](LICENSE.txt) License\n","funding_links":[],"categories":["UI Components [🔝](#readme)","JavaScript","Components \u0026 Libraries"],"sub_categories":["UI Components"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMeForma%2Fvue-wait-for","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMeForma%2Fvue-wait-for","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMeForma%2Fvue-wait-for/lists"}