{"id":19240787,"url":"https://github.com/qiskit-community/qiskit-vue","last_synced_at":"2025-07-01T22:32:06.005Z","repository":{"id":45991298,"uuid":"334210177","full_name":"qiskit-community/qiskit-vue","owner":"qiskit-community","description":"Qiskit components library for Vue.","archived":false,"fork":false,"pushed_at":"2021-11-22T13:58:11.000Z","size":10545,"stargazers_count":5,"open_issues_count":8,"forks_count":6,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-05-19T12:23:24.367Z","etag":null,"topics":["qiskit","quantum-computing","vue"],"latest_commit_sha":null,"homepage":"https://main--615d643ec68451003a336cee.chromatic.com/","language":"HTML","has_issues":false,"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/qiskit-community.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-01-29T17:05:34.000Z","updated_at":"2022-03-04T05:15:49.000Z","dependencies_parsed_at":"2022-07-20T05:02:37.667Z","dependency_job_id":null,"html_url":"https://github.com/qiskit-community/qiskit-vue","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/qiskit-community/qiskit-vue","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qiskit-community%2Fqiskit-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qiskit-community%2Fqiskit-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qiskit-community%2Fqiskit-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qiskit-community%2Fqiskit-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qiskit-community","download_url":"https://codeload.github.com/qiskit-community/qiskit-vue/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qiskit-community%2Fqiskit-vue/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262528364,"owners_count":23324537,"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":["qiskit","quantum-computing","vue"],"created_at":"2024-11-09T17:09:00.391Z","updated_at":"2025-07-01T22:32:05.916Z","avatar_url":"https://github.com/qiskit-community.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Qiskit Vue\n\n![npm](https://img.shields.io/npm/v/@qiskit-community/qiskit-vue) ![npm](https://img.shields.io/npm/dw/@qiskit-community/qiskit-vue)\n\nQiskit component library for Vue 2 and Vue 3.\n\nhttps://qiskit-community.github.io/qiskit-vue/\n\n## Installation\n\nInstall the required dependencies:\n\n```\nnpm install @qiskit-community/qiskit-vue vue-demi\n```\n\nIf your project uses Vue 2, also install the Composition API package:\n\n```\nnpm install @vue/composition-api\n```\n\n## Usage in Vue 2 project\n\nExample:\n\n```\n\u003ctemplate\u003e\n  \u003cQLogo /\u003e\n\u003c/template\u003e\n\n\u003cscript lang=\"ts\"\u003e\nimport Vue from 'vue'\nimport { Component } from 'vue-property-decorator'\nimport QLogo from '@qiskit-community/qiskit-vue/src/components/QLogo/index.vue'\n\n@Component({\n  components: { QLogo }\n})\nexport default class MyComponent extends Vue {}\n\u003c/script\u003e\n```\n\n## Usage in Vue 3 project\n\nExample:\n\n```\n\u003ctemplate\u003e\n  \u003cQLogo /\u003e\n\u003c/template\u003e\n\n\u003cscript lang=\"ts\"\u003e\nimport { Options, Vue } from 'vue-class-component'\nimport QLogo from '@qiskit-community/qiskit-vue'\n\n@Options({\n  components: { QLogo }\n})\nexport default class MyComponent extends Vue {}\n\u003c/script\u003e\n```\n\n## Development\n\n### Project setup\n\n```\nnpm install\n```\n\n#### Run Storybook\n\n```\nnpm run dev\n```\n\n#### Run your unit tests\n\n```\nnpm run test:unit\n```\n\n#### Lints and fixes files\n\n```\nnpm run lint\n```\n\n### Conventions\n\nWe use [Angular Commit Message Conventions](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#-commit-message-format) as our convention for commit messages.\n\n## Versioning\n\nWe use [Semantic Release](https://github.com/semantic-release/semantic-release) for releasing new package versions and updating our CHANGELOG.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqiskit-community%2Fqiskit-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqiskit-community%2Fqiskit-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqiskit-community%2Fqiskit-vue/lists"}