A Vue 3.0 library for FastComments, a fast and developer friendly comment system.

npm install --save fastcomments-vue-next

yarn add fastcomments-vue-next

The FastCommentsVueNext component contains the live FastComments comment widget.

Replace "demo" below with your "tenantId" - available here in the FastComments admin area.

The widget supports a lot of options - see FastCommentsConfig here.

<template>
  <FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
  name: 'FastCommentsExample',
  components: {
    FastComments
  }
}
</script>

In 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. Define 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.

<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />

If your account is located in the EU, set region = 'eu' in the widget configuration, for example:

<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />

Otherwise, you do not have to define region.

Run the local documentation:

npm run serve

Please check out our contribution guidelines before starting on a change. Remember to communicate first!

MIT © winrid