{"id":13595196,"url":"https://github.com/fumeapp/tailvue","last_synced_at":"2025-04-05T16:11:14.372Z","repository":{"id":37788443,"uuid":"427213543","full_name":"fumeapp/tailvue","owner":"fumeapp","description":"Vue components built for Nuxt3|Vue3 powered by Windi CSS|tailwindcss","archived":false,"fork":false,"pushed_at":"2024-04-03T13:01:51.000Z","size":1770,"stargazers_count":158,"open_issues_count":17,"forks_count":14,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-03-29T15:09:48.096Z","etag":null,"topics":["nuxt3","tailwindcss","vite","vitejs","vue3","windicss"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fumeapp.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-11-12T02:56:45.000Z","updated_at":"2025-02-04T13:34:57.000Z","dependencies_parsed_at":"2024-01-16T22:18:58.592Z","dependency_job_id":"eaeee03a-e93b-4a79-b511-385010f3ad85","html_url":"https://github.com/fumeapp/tailvue","commit_stats":{"total_commits":190,"total_committers":5,"mean_commits":38.0,"dds":0.04210526315789476,"last_synced_commit":"476beafaa7d86884183d84e4d8a06be9f327a7ae"},"previous_names":[],"tags_count":67,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fumeapp%2Ftailvue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fumeapp%2Ftailvue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fumeapp%2Ftailvue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fumeapp%2Ftailvue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fumeapp","download_url":"https://codeload.github.com/fumeapp/tailvue/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247361695,"owners_count":20926643,"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":["nuxt3","tailwindcss","vite","vitejs","vue3","windicss"],"created_at":"2024-08-01T16:01:45.570Z","updated_at":"2025-04-05T16:11:14.343Z","avatar_url":"https://github.com/fumeapp.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/fumeapp/tailvue/main/media/logo.png\" width=\"300\" alt=\"tailvue\"\u003e\n  \u003cbr /\u003e\n  Vue components built for Vue3 powered by Uno CSS or tailwindcss\n\u003c/p\u003e\n\n## 🚀 Features\n- 🌔 All components and classes include dark-mode support\n- 🔌 Programmatic toasts\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/fumeapp/tailvue/main/media/toast-demo.gif\" width=\"500\" alt=\"toasts\"\u003e\n\u003c/p\u003e\n\n```ts\n$toast.show('this is a test');\n```\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/fumeapp/tailvue/main/media/toast-singleaction.gif\" width=\"500\" alt=\"toasts-single-action\"\u003e\n\u003c/p\u003e\n\n```ts\n$toast.show({\n  type: 'danger',\n  message: 'single action toast',\n  timeout: 6,\n  primary: {\n    label: 'UNDO',\n    action: () =\u003e $toast.show('you clicked UNDO')\n  }\n})\n```\n\n- 🔌 Programmatic modals\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/fumeapp/tailvue/main/media/modal-demo.gif\" width=\"500\" alt=\"modals\"\u003e\n\u003c/p\u003e\n\n```ts\n$modal.show({\n  type: 'danger',\n  title: 'This is the title property',\n  body: 'This is the body property.',\n  primary: {\n    label: 'Primary Action',\n    theme: 'red',\n    action: () =\u003e $toast.show('Primary Button clicked'),\n  },\n  secondary: {\n    label: 'Secondary Action',\n    theme: 'white',\n    action: () =\u003e $toast.show('Clicked Secondary'),\n  },\n})\n```\n\n- 🎪 Interactive playground! - just run `yarn; yarn dev`\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/fumeapp/tailvue/main/media/playground.png\" alt=\"playground\"\u003e\n\u003c/p\u003e\n\n- ✨ Tons of other components that will be documented shortly!\n\n\n## Installation\n\n### NuxtJS v3\n```bash\nyarn add --dev @tailvue/nuxt\n```\n\n* Add this to your `nuxt.config.ts`\n```ts\nmodules: [\n    // ...\n    '@tailvue/nuxt',\n],\n```\n\n\u003e **Note**\n\u003e If you are using Nuxt 2 you may need to put this in of the `buildModules` array\n\n### Vue3\n```bash\nyarn add tailvue\n```\n\n```ts\nimport { useToast, useModal } from 'tailvue'\nconst $toast = useToast()\nconst $modal = useModal()\n```\n\n### Icons\n* All Icons are brought in via the [Iconify Vue Component](https://docs.iconify.design/icon-components/vue/)\n```bash\nyarn add --dev @iconify/vue\n```\n\n### UnoCSS\n* Install [UnoCSS](https://unocss.dev/)\n* No include is needed for uno, we have added @unocss/include to our generated files\n\n### tailwindcss\n* Install [tailwindcss](https://tailwindcss.com/)\n* Add the following to your `tailwind.config.js`\n```js\nmodule.exports = {\n  content: [\n    ...\n      \"node_modules/tailvue/dist/tailvue.es.js\",\n  ],\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffumeapp%2Ftailvue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffumeapp%2Ftailvue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffumeapp%2Ftailvue/lists"}