{"id":18486085,"url":"https://github.com/mathsgod/formkit-quasar","last_synced_at":"2026-01-23T22:09:26.375Z","repository":{"id":212410429,"uuid":"731431929","full_name":"mathsgod/formkit-quasar","owner":"mathsgod","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-07T09:48:22.000Z","size":268,"stargazers_count":5,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-13T03:25:08.163Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/mathsgod.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":"2023-12-14T04:20:43.000Z","updated_at":"2025-05-20T05:26:22.000Z","dependencies_parsed_at":"2023-12-29T05:28:12.330Z","dependency_job_id":"7dc417ff-ac18-4cb4-8567-27a4a5c2ed8b","html_url":"https://github.com/mathsgod/formkit-quasar","commit_stats":null,"previous_names":["mathsgod/formkit-quasar"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mathsgod/formkit-quasar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathsgod%2Fformkit-quasar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathsgod%2Fformkit-quasar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathsgod%2Fformkit-quasar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathsgod%2Fformkit-quasar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mathsgod","download_url":"https://codeload.github.com/mathsgod/formkit-quasar/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathsgod%2Fformkit-quasar/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28701027,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-23T17:25:48.045Z","status":"ssl_error","status_checked_at":"2026-01-23T17:25:47.153Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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-11-06T12:47:46.691Z","updated_at":"2026-01-23T22:09:26.355Z","avatar_url":"https://github.com/mathsgod.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FormKit Quasar\n\nA simple input wrapper of \u003ca href=\"https://quasar.dev/\"\u003eQuasar\u003c/a\u003e for \u003ca href=\"https://formkit.com/\"\u003eFormKit.\u003c/a\u003e\n\nMost of the components are based on \u003ca href=\"https://quasar.dev/\"\u003eQuasar\u003c/a\u003e, attributes directly pass to the quasar component.\n\n## Installation\n\n```bash\nnpm install formkit-quasar\n```\n\n## Setup\n\n```js\nimport { createApp } from 'vue'\nimport App from './App.vue'\nimport { Quasar } from 'quasar'\n\nimport 'quasar/dist/quasar.prod.css'\n\nconst app = createApp(App);\n\nimport { createQuasarPlugin } from \"formkit-quasar\";\nimport { plugin, defaultConfig } from '@formkit/vue'\n\napp.use(Quasar, {\n    plugins: {}\n});\n\napp.use(plugin, defaultConfig({\n    plugins: [createQuasarPlugin()]\n}));\n\napp.mount('#app')\n\n```\n\n\n## Usage\n\n```html\n\n\u003cFormKit type=\"q-input\" label=\"Input\" name=\"input\" validation=\"required\"\u003e\n    \u003ctemplate v-slot:prepend\u003e\n          \u003cq-icon name=\"event\" /\u003e\n    \u003c/template\u003e\n\u003c/FormKit\u003e\n\n\u003cFormKit type=\"q-input\" label=\"Password\" name=\"password1\" input-type=\"password\"\u003e\u003c/FormKit\u003e\n\n\u003cFormKit type=\"q-select\" label=\"Select\" name=\"select1\" validation=\"required\" :options=\"[\n   'Monaco',\n   'Vatican City',\n   'Maldives',\n   'Tuvalu',\n]\" /\u003e\n\n\u003cFormKit type=\"q-checkbox\" label=\"Checkbox\" name=\"checkbox1\" /\u003e\n\n\u003cFormKit type=\"q-radio\" name=\"radio1\" val=\"line\" label=\"Line\" /\u003e\n\n\u003cFormKit type=\"q-option-group\" name=\"group\" :options=\"[\n            { label: 'Battery too low', value: 'bat' },\n            { label: 'Friend request', value: 'friend', color: 'green' },\n            { label: 'Picture uploaded', value: 'upload', color: 'red' }]\n            \" /\u003e\n\n\u003cFormKit type=\"q-option-group\" option-type=\"checkbox\" name=\"group2\" :options=\"[\n            { label: 'Battery too low', value: 'bat' },\n            { label: 'Friend request', value: 'friend', color: 'green' },\n            { label: 'Picture uploaded', value: 'upload', color: 'red' }]\n            \" /\u003e\n\n\u003cFormKit type=\"q-toggle\" name=\"toogle1\" /\u003e         \n\n\u003cFormKit type=\"q-rating\" name=\"rating1\" /\u003e\n\n\u003cFormKit type=\"q-btn-toggle\" name=\"btn_toggle\" :options=\"[\n            { label: 'One', value: 'one' },\n            { label: 'Two', value: 'two' },\n            { label: 'Three', value: 'three' }\n          ]\" /\u003e\n\n\u003cFormKit type=\"q-date\" name=\"date1\" /\u003e         \n\n\u003cFormKit type=\"q-time\" name=\"time1\" /\u003e         \n\n\u003cFormKit type=\"q-file\" label=\"File\" name=\"file1\" /\u003e\n\n\u003cFormKit type=\"q-range\" label=\"Range\" name=\"range1\" /\u003e\n\n\u003cFormKit type=\"q-color\" label=\"Color\" name=\"color1\" /\u003e\n\n\u003cFormKit type=\"q-editor\" name=\"editor1\" /\u003e\n\n\u003cFormKit type=\"q-slider\" name=\"slider1\" /\u003e\n\n\u003cFormKit type=\"q-textarea\" label=\"Textarea\" name=\"textarea1\" validation=\"required\"\u003e\u003c/FormKit\u003e\n\n\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmathsgod%2Fformkit-quasar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmathsgod%2Fformkit-quasar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmathsgod%2Fformkit-quasar/lists"}