{"id":16440793,"url":"https://github.com/idevelopthings/vue-tailwind-ui","last_synced_at":"2025-09-03T00:45:30.553Z","repository":{"id":60577414,"uuid":"544080657","full_name":"iDevelopThings/vue-tailwind-ui","owner":"iDevelopThings","description":"Some vue/tailwind/inertia stuff I seem to be copying from project to project.","archived":false,"fork":false,"pushed_at":"2022-10-14T00:50:03.000Z","size":459,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-08T16:30:02.369Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/iDevelopThings.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}},"created_at":"2022-10-01T15:40:01.000Z","updated_at":"2022-10-02T14:43:25.000Z","dependencies_parsed_at":"2023-01-19T22:52:40.093Z","dependency_job_id":null,"html_url":"https://github.com/iDevelopThings/vue-tailwind-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iDevelopThings%2Fvue-tailwind-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iDevelopThings%2Fvue-tailwind-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iDevelopThings%2Fvue-tailwind-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iDevelopThings%2Fvue-tailwind-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iDevelopThings","download_url":"https://codeload.github.com/iDevelopThings/vue-tailwind-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240774178,"owners_count":19855349,"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-11T09:13:04.822Z","updated_at":"2025-02-26T01:25:33.889Z","avatar_url":"https://github.com/iDevelopThings.png","language":"TypeScript","readme":"```shell\nnpm i @idevelopthings/vue-tailwind-ui\nyarn add @idevelopthings/vue-tailwind-ui\n```\n\n## Tailwind Plugin for buttons/cards\n![buttons/cards](https://user-images.githubusercontent.com/4105581/193417729-399e6843-c7aa-4425-b4de-fd91e319f093.png)\n\n```js\n/**\n * @type {import('tailwindcss/types/index').Config}\n */\nmodule.exports = {\n\tcontent : ['index.html', './src/**/*.{js,jsx,ts,tsx,vue,html}'],\n\ttheme   : {\n\t\textend : {},\n\t},\n\tplugins : [\n\t\trequire('@idevelopthings/vue-tailwind-ui/tailwind-plugin'),\n\t],\n};\n```\n\n\n## Form CSS Helper\nUpdate your main tailwind css file to include the import:\n\n```css\n\n@import \"@idevelopthings/vue-tailwind-ui/src/components.css\";\n\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n```\n\n**Note:** The import must come before @tailwind directives, read the tailwind docs for more information\n\n### Vue example:\n```vue\n\u003cdiv class=\"form-group\" :class=\"{'has-error' : form.errors?.name}\"\u003e\n    \u003clabel for=\"name\" class=\"control-label\"\u003eName\u003c/label\u003e\n    \u003cinput id=\"name\"\n           type=\"text\"\n           class=\"form-control\"\n           name=\"name\"\n           v-model=\"form.name\"\n           required\n    \u003e\n    \u003cdiv class=\"help-block\" v-if=\"form.errors?.name\"\u003e\n        \u003cstrong\u003e{{ form.errors?.name }}\u003c/strong\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n```\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fidevelopthings%2Fvue-tailwind-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fidevelopthings%2Fvue-tailwind-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fidevelopthings%2Fvue-tailwind-ui/lists"}