1.0.5 • Published 2 years ago
hyvor-talk-vue v1.0.5
��# Hyvor Talk - Vue
Add Hyvor Talk to Vue Apps
Install
npm install hyvor-talk-vue
Library
This library includes two Components.
Embed
- To load Hyvor Talk embedCommentCount
- To load comment counts for listing pages
Example
import HyvorTalk from 'hyvor-talk-vue'
<template>
<div>
<h1>Article Title</h1>
<div className="comment-count-view">
{ /* Comment Counts */ }
<CommentCount
websiteId={YOUR_WEBSITE_ID}
id={WEBPAGE_IDENTIFIER}
/>
</div>
<content>Your Article Here</content>
{ /* Load Comments now */ }
<Embed
websiteId={YOUR_WEBSITE_ID}
id={WEBPAGE_IDENTIFIER}
/>
</div>
</template>
HyvorTalk.Embed Component
This component loads the comments iframe into your website and supports the following attributes.
websiteId
- (int) (required) ID of your website. This ID is given to you when you register your website on Hyvor Talk. Visit console find it or create new one.id
- (any) (optional) This is used to identify each web pages uniquely by Hyvor Talk. If you don't set it, the canonical URL will be used as the ID. If canonical URLs are not set URL of the page will be used without query params.url
- (string) (optional) You can explicitly set the URL of the page.loadMode
- (string) (optional) Load Hyvor Talk on load, click, or scrollpalette
- (object) (optional) A palette object to set colors dynamically.sso
- (object) (optional) Single sign-on object. See the documentation for more details. Note that to use SSO with Vue, you'll need to fetch the SSO details from the backend and render the component after that.
HyvorTalk.CommentCount
This component can be used to display comment counts on a listing page or a blog page itself.
Attributes:
websiteId
id
- ID of the webpage (should be the same used to load comments)mode
- (string) (optional) Usemode="number"
to display only the number of comments.
Here's a simple live demo
License
MIT � HyvorTalk
1.0.4-beta.0
2 years ago
1.0.4-beta.1
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago