{"id":20023580,"url":"https://github.com/ttttonyhe/nexment-vue","last_synced_at":"2025-10-04T17:57:05.785Z","repository":{"id":38286708,"uuid":"284509985","full_name":"ttttonyhe/nexment-vue","owner":"ttttonyhe","description":"Nexment for Vue, a serverless comment library","archived":false,"fork":false,"pushed_at":"2023-01-24T03:32:30.000Z","size":1715,"stargazers_count":10,"open_issues_count":23,"forks_count":1,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-05-05T02:35:45.388Z","etag":null,"topics":["comment","comment-system","leancloud","leancloud-","vue","vuejs","vuejs-components","vuejs-library"],"latest_commit_sha":null,"homepage":"https://nexment-vue-demo.ouorz.com","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/ttttonyhe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-08-02T17:33:46.000Z","updated_at":"2023-09-12T13:51:47.000Z","dependencies_parsed_at":"2023-01-28T12:01:08.480Z","dependency_job_id":null,"html_url":"https://github.com/ttttonyhe/nexment-vue","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ttttonyhe/nexment-vue","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ttttonyhe%2Fnexment-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ttttonyhe%2Fnexment-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ttttonyhe%2Fnexment-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ttttonyhe%2Fnexment-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ttttonyhe","download_url":"https://codeload.github.com/ttttonyhe/nexment-vue/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ttttonyhe%2Fnexment-vue/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278350985,"owners_count":25972676,"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","status":"online","status_checked_at":"2025-10-04T02:00:05.491Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["comment","comment-system","leancloud","leancloud-","vue","vuejs","vuejs-components","vuejs-library"],"created_at":"2024-11-13T08:47:06.439Z","updated_at":"2025-10-04T17:57:05.743Z","avatar_url":"https://github.com/ttttonyhe.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Nexment-Vue\nA feature-rich serverless comment library based on LeanCloud\n\n\u003cp\u003e\n  \u003ca href=\"https://www.npmjs.com/package/nexment-vue\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dw/nexment-vue\" alt=\"npm downloads\"\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://www.npmjs.com/package/nexment\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/l/nexment-vue\" alt=\"license\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n![nexment_banner](https://i.loli.net/2020/07/29/ODkqtseAU6KJGxB.png)\n\n\u003cbr/\u003e\n\n## See also\n+ Nexment for Vue.js / Web Component [https://github.com/HelipengTony/nexment-vue](https://github.com/HelipengTony/nexment-vue)\n+ Nexment for React.js [https://github.com/HelipengTony/nexment](https://github.com/HelipengTony/nexment)\n\n\u003cbr/\u003e\n\n## Docs\nVisit Nexment documentation site at [https://nexment.ouorz.com](https://nexment.ouorz.com)\n\n\u003cbr/\u003e\n\n## Demo\nVisit Nexment demo site at [https://nexment-vue-demo.ouorz.com](https://nexment-vue-demo.ouorz.com)\n\n\u003cbr/\u003e\n\n## Use Nexment in Vue.js projects\nNexment is available for both React.js and Vue.js projects.\n### Part I - LeanCloud\n1. Register / Login [LeanCloud](https://leancloud.cn/dashboard/login.html#/signup)\n2. Create an App in [Dashboard](https://leancloud.cn/dashboard/applist.html#/apps)\n3. Go to Your App =\u003e **LeanStorage** tab =\u003e Objects\n4. Create a class named \"test\" using default settings\n5. Go to Your App =\u003e **Settings** tab =\u003e App keys\n6. Copy AppID and AppKey\n7. Configure REST API Server URL. For configuration instructions, see [How to Specify API Server URL (Chinese)](https://leancloud.cn/docs/custom-api-domain-guide.html#hash810845114)\n8. Go to Your App =\u003e **Settings** tab =\u003e Security and add your project domain to Web secure domains\n\n\u003cbr/\u003e\n\n### Part II - Nexment\nAdd Nexment to your project dependencies\nusing Yarn:\n```shell\nyarn add nexment-vue\n```\nor using NPM:\n```shell\nnpm install nexment-vue\n```\n\nUse Nexment in your project:\n\nImport nexment library and stylesheet:\n```js\nimport NexmentContainer from \"nexment-vue\";\nimport \"nexment-vue/dist/nexment-vue.css\";\nVue.use(NexmentContainer);\n```\nSetup nexment configuration:\n```js\nconst config = {\n  pageKey: 'xxx' | undefined;\n  enableLinkInput: true | false | undefined,\n  enableReplyListModal: true | false | undefined,\n  leancloud: {\n    appId: 'xxx',\n    appKey: 'xxx',\n    serverURL: 'https://xxx.xxx',\n  },\n  admin: {\n    name: 'xxx',\n    email: 'xxx@xxx.xxx',\n  },\n};\n```\nUse the nexment component:\n```Vue\n\u003cNexmentContainer :config=\"config\" /\u003e\n```\n\n\u003cbr/\u003e\n\n## Use Nexment-Vue in Nuxt.js\nAdd Nexment to your project dependencies\nusing Yarn:\n```shell\nyarn add nexment-vue\n```\nor using NPM:\n```shell\nnpm install nexment-vue\n```\n\nCreate a plugin(src/plugins/nexment.js):\n```js\nimport Vue from 'vue'\nimport NexmentContainer from 'nexment-vue'\nimport 'nexment-vue/dist/nexment-vue.css'\nVue.use(NexmentContainer)\n```\n\nAdd this plugin to your Nuxt.js configuration(nuxt.config.js):\n```js\nmodule.exports = {\n  plugins: [{\n      src: '@/plugins/nexment.ts',\n      ssr: false,\n      mode: 'client'\n    }]\n}\n```\n\nSetup nexment configuration:\n```js\nconst config = {\n  pageKey: 'xxx' | undefined;\n  enableLinkInput: true | false | undefined,\n  enableReplyListModal: true | false | undefined,\n  leancloud: {\n    appId: 'xxx',\n    appKey: 'xxx',\n    serverURL: 'https://xxx.xxx',\n  },\n  admin: {\n    name: 'xxx',\n    email: 'xxx@xxx.xxx',\n  },\n};\n```\nUse the nexment component:\n```Vue\n\u003cNexmentContainer :config=\"config\" /\u003e\n```\n\n\u003cbr/\u003e\n\n## Use Nexment in Browsers\nNexment can be used as a web component in browsers. That means it can work without a Vue.js instance. Follow the following steps to set it up:\n\nAdd Nexment stylesheet to your `\u003chead\u003e` through CDN:\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/nexment-vue/dist/nexment-vue.css\"\u003e\n```\n\nAdd Nexment main file through CDN:\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/nexment-vue/dist-wc/nexment-vue.min.js\"\u003e\u003c/script\u003e\n```\n\nUse Nexment component in your page(`pagekey` is optional):\n```html\n\u003cnexment-container\n  email=\"xxx\"\n  name=\"xxx\"\n  serverurl=\"xxx\"\n  appkey=\"xxx\"\n  appid=\"xxx\"\n  pagekey=\"xxx\"\n  enablelinkinput=\"xxx\"\n  enableReplyListModal=\"xxx\"\n\u003e\u003c/nexment-container\u003e\n```\n\nSee Nexment web component demo here: [https://github.com/HelipengTony/nexment-vue/blob/master/index.html](https://github.com/HelipengTony/nexment-vue/blob/master/index.html)\n\n\u003cbr/\u003e\n\n## TypeScript Support\nCurrently type-checking is not supported, please add the following declaration to any .d.ts file in your project:\n```ts\ndeclare module 'nexment-vue'\n```\n\n\u003cbr/\u003e\n\n## Todo\n1. 管理模式\n    1. [ ] 评论精选\n    2. [ ] 评论 Label\n\n\u003cbr/\u003e\n\n## Donation\nYour name will be on the list [Donation](https://www.ouorz.com/donation)\n\u003cbr/\u003e\n\n![Donate](https://i.loli.net/2019/02/18/5c6a80afd1e26.png)\n\n\u003cbr/\u003e\n\nFile an issue if you encountered any problem\n\u003cbr/\u003e\nI will reply you as soon as possible","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fttttonyhe%2Fnexment-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fttttonyhe%2Fnexment-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fttttonyhe%2Fnexment-vue/lists"}