{"id":26860434,"url":"https://github.com/fastcomments/fastcomments-vue","last_synced_at":"2025-05-06T18:07:14.227Z","repository":{"id":37078224,"uuid":"300152485","full_name":"FastComments/fastcomments-vue","owner":"FastComments","description":"A Vue Component for FastComments","archived":false,"fork":false,"pushed_at":"2025-03-18T02:20:34.000Z","size":4387,"stargazers_count":2,"open_issues_count":14,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-06T18:06:57.670Z","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":"mit","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":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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":"2020-10-01T05:12:07.000Z","updated_at":"2025-03-18T02:20:37.000Z","dependencies_parsed_at":"2024-01-07T13:05:45.482Z","dependency_job_id":"6d1bb300-a3f8-4eb8-b8f8-ac1f4b11f9c3","html_url":"https://github.com/FastComments/fastcomments-vue","commit_stats":{"total_commits":54,"total_committers":3,"mean_commits":18.0,"dds":"0.31481481481481477","last_synced_commit":"f58cc821ded290eb3e1a31cd73bfbec4a94ed659"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FastComments","download_url":"https://codeload.github.com/FastComments/fastcomments-vue/tar.gz/refs/heads/master","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:08.733Z","updated_at":"2025-05-06T18:07:14.207Z","avatar_url":"https://github.com/FastComments.png","language":"Vue","funding_links":[],"categories":["UI Components [🔝](#readme)","Components \u0026 Libraries"],"sub_categories":["UI Components"],"readme":"# fastcomments-vue\n\n\u003e A Vue library for FastComments, a fast and developer friendly comment system.\n\n[![NPM](https://img.shields.io/npm/v/fastcomments-vue.svg)](https://www.npmjs.com/package/fastcomments-vue) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\nFor Vue 3.0, see [fastcomments-vue-next](https://github.com/fastcomments/fastcomments-vue-next).\n\n## Installation\n\n### NPM\n\n```bash\nnpm install --save fastcomments-vue\n```\n\n### Yarn\n\n```bash\nyarn add fastcomments-vue\n```\n\n## Usage\n\n### The Comment Widget\n\nThe FastCommentsVue 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/main/src/fast-comments-comment-widget-config.ts).\n\n```vue\n\u003cscript lang=\"ts\"\u003e\nimport Vue from 'vue';\nimport FastCommentsVue from 'fastcomments-vue';\n\nexport default Vue.extend({\n  name: 'ServeDev',\n  components: {\n    FastCommentsVue\n  }\n});\n\u003c/script\u003e\n\n\u003ctemplate\u003e\n  \u003cdiv id=\"app\"\u003e\n    \u003cfast-comments-vue v-bind:config=\"{tenantId: 'demo'}\" /\u003e\n  \u003c/div\u003e\n\u003c/template\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 just update the \"url\" and \"urlId\" settings.\n\nSee a full working example [here](dev/serve-pagination.ts).\n\nRun the pagination example via:\n\n```\nnpm run serve-pagination\n```\n\n```vue\n\u003cfast-comments-vue v-bind:config=\"{tenantId: 'demo', url: 'https://example.com', 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\u003cfast-comments-vue v-bind:config=\"{tenantId: 'demo', url: 'https://example.com', 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 in a `computed` block, otherwise each time your callback etc is invoked the entire widget will re-render.\n\n[See the spinner example for how to do this.](./dev/serve-spinner.vue)\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","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffastcomments%2Ffastcomments-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffastcomments%2Ffastcomments-vue/lists"}