{"id":19527030,"url":"https://github.com/kazemmdev/vue-toast","last_synced_at":"2025-04-26T10:31:35.474Z","repository":{"id":57699991,"uuid":"501930295","full_name":"kazemmdev/vue-toast","owner":"kazemmdev","description":"This is a simple vue pluign toast notifier with tailwind","archived":false,"fork":false,"pushed_at":"2022-06-10T07:40:28.000Z","size":146,"stargazers_count":9,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-12T12:08:38.969Z","etag":null,"topics":["notifications","tailwindcss","toast","vue","vue3"],"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/kazemmdev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":".github/SECURITY.md","support":null}},"created_at":"2022-06-10T06:43:54.000Z","updated_at":"2024-11-09T14:28:40.000Z","dependencies_parsed_at":"2022-09-08T02:02:35.615Z","dependency_job_id":null,"html_url":"https://github.com/kazemmdev/vue-toast","commit_stats":null,"previous_names":["k90mirzaei/vue-toast"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kazemmdev%2Fvue-toast","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kazemmdev%2Fvue-toast/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kazemmdev%2Fvue-toast/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kazemmdev%2Fvue-toast/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kazemmdev","download_url":"https://codeload.github.com/kazemmdev/vue-toast/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249541174,"owners_count":21288693,"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":["notifications","tailwindcss","toast","vue","vue3"],"created_at":"2024-11-11T01:13:22.279Z","updated_at":"2025-04-26T10:31:34.969Z","avatar_url":"https://github.com/kazemmdev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue Toast with Tailwindcss\n\nThis is a simple vue pluign toast notifier with tailwind\n\n## Installation\n\n```bash\nnpm i @k90mirzaei/vue-toast\nyarn add @k90mirzaei/vue-toast\n```\n\n\n## Import\n\n```js\nimport { createApp } from 'vue'\nimport App from './App.vue'\n\nimport toast from 'vue-toast'\nimport 'vue-toast/dist/index.css'\n\ncreateApp(App).use(toast).mount('#app')\n\n```\n\n## Usage\n\n```js\nthis.$toast.show(`Hey! I'm here`);\nthis.$toast.success(`Hey! I'm here`);\nthis.$toast.error(`Hey! I'm here`);\nthis.$toast.warning(`Hey! I'm here`);\nthis.$toast.info(`Hey! I'm here`);\n\n// Close all opened\nthis.$toast.clear();\n```\n\n## Available options\n\nThe API methods accepts these options:\n\n| Attribute     |      Type       |    Default     | Description                                                                   |\n| :------------ | :-------------: | :------------: | :---------------------------------------------------------------------------- |\n| message       |     String      |       --       | Message text/html (required)                                                  |\n| type          |     String      |   `default`    | One of `success`, `info`, `warning`, `error`, `default`                       |\n| duration      |      Number     |     `4000`     | Visibility duration in milliseconds or `false` that disables duration         |\n| queue         |     Boolean     |    `false`     | Wait for existing to close before showing new                                 |\n| maxToasts     | Number or false |      `5`       | Defines the max of toasts showed in simultaneous                              |\n\n\n## API methods\n\n### `show(message, ?options)`\n\nThis is generic method, you can use this method to make any kind of toast.\n\n```js\n// Can accept a message as string and apply rest of options from defaults\nthis.$toast.show(\"Howdy!\");\n\n// Can accept an Object of options.\n// If yout don't pass options, the default toast will be showed\nthis.$toast.show(\"Something went wrong!\", {\n  type: \"error\",\n  // all of other options may go here\n});\n```\n\n## Contributing\n\nPlease see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.\n\n## Security Vulnerabilities\n\nPlease review [our security policy](../../security/policy) on how to report security vulnerabilities.\n\n## Credits\n\n-   [k90mirzaei](https://github.com/k90mirzaei)\n-   [All Contributors](../../contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n\n## Support\n\nThis project needs a ⭐️ from you. Don't forget to leave a star ⭐️\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkazemmdev%2Fvue-toast","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkazemmdev%2Fvue-toast","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkazemmdev%2Fvue-toast/lists"}