{"id":26860427,"url":"https://github.com/fastcomments/fastcomments-vue-next","last_synced_at":"2025-05-06T18:07:19.754Z","repository":{"id":36974106,"uuid":"300491452","full_name":"FastComments/fastcomments-vue-next","owner":"FastComments","description":"A Vue 3.0 library for FastComments, a fast and developer friendly comment system.","archived":false,"fork":false,"pushed_at":"2025-03-18T02:19:43.000Z","size":440,"stargazers_count":4,"open_issues_count":5,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-06T18:07:17.231Z","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/FastComments.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","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,"zenodo":null}},"created_at":"2020-10-02T03:34:41.000Z","updated_at":"2025-03-18T02:19:47.000Z","dependencies_parsed_at":"2025-01-16T15:53:34.834Z","dependency_job_id":"1c24b6f2-fb47-4fc8-8d14-1dabea5e546a","html_url":"https://github.com/FastComments/fastcomments-vue-next","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-vue-next","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-vue-next/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-vue-next/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-vue-next/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FastComments","download_url":"https://codeload.github.com/FastComments/fastcomments-vue-next/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252741371,"owners_count":21797027,"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":"2025-03-31T01:34:05.980Z","updated_at":"2025-05-06T18:07:19.697Z","avatar_url":"https://github.com/FastComments.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# fastcomments-vue-next\n\n\u003e A Vue 3.0 library for FastComments, a fast and developer friendly comment system.\n\n[![NPM](https://img.shields.io/npm/v/fastcomments-vue-next.svg)](https://www.npmjs.com/package/fastcomments-vue-next) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\n## Installation\n\n### NPM\n\n```bash\nnpm install --save fastcomments-vue-next\n```\n\n### Yarn\n\n```bash\nyarn add fastcomments-vue-next\n```\n\n## Usage\n\n### The Comment Widget\n\nThe FastCommentsVueNext component contains the live FastComments comment widget.\n\nReplace \"demo\" below with your \"tenantId\" - available [here](https://fastcomments.com/auth/my-account/api) in the FastComments admin area.\n\nThe widget supports a lot of options - see FastCommentsConfig [here](https://github.com/FastComments/fastcomments-typescript/blob/eae973fb7885de4df58b21b7a22a3e40c89feefa/src/fastcomments-config.ts#L14).\n\n```vue\n\u003ctemplate\u003e\n  \u003cFastComments v-bind:config=\"{tenantId: 'demo'}\" /\u003e\n\u003c/template\u003e\n\u003cscript\u003e\nimport { FastComments } from 'fastcomments-vue-next'\nexport default {\n  name: 'FastCommentsExample',\n  components: {\n    FastComments\n  }\n}\n\u003c/script\u003e\n```\n\n## Updating The Current Page (SPA Example)\n\nIn FastComments we call the article id, or page the comments get tied to, the URL ID as it can be a url or an ID.\nDefine the URL ID in the following manner. The component watches for changes in config object, and will reload, so you can update the URL ID.\n\n```vue\n\u003cFastComments v-bind:config=\"{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}\" /\u003e\n```\n\n### Account Region (ATTENTION: EU Customers)\n\nIf your account is located in the EU, set `region = 'eu'` in the widget configuration, for example:\n\n```vue\n\u003cFastComments v-bind:config=\"{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}\" /\u003e\n```\n\nOtherwise, you do not have to define `region`.\n\n## In Production\n\nYou probably don't want to define the config inline if you're passing callbacks etc. Instead, you'll want to define\nthe config via `computed()`, otherwise each time your callback etc is invoked the entire widget will re-render.\n\n## All Widgets and Documentation\n\nRun the local documentation:\n\n```bash\nnpm run serve\n```\n\n## Contributing\nPlease check out our [contribution guidelines](CONTRIBUTING.md) before starting on a change. Remember to communicate first!\n\n## License\n\nMIT © [winrid](https://github.com/winrid)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffastcomments%2Ffastcomments-vue-next","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffastcomments%2Ffastcomments-vue-next","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffastcomments%2Ffastcomments-vue-next/lists"}