A fast and developer friendly comment system built with vue

fastcomments-vue-next

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

Installation

NPM

npm install --save fastcomments-vue-next

Yarn

yarn add fastcomments-vue-next

Usage

The Comment Widget

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.

<script lang="ts">
import Vue from 'vue';
import FastCommentsVueNext from 'fastcomments-vue-next';

export default Vue.extend({
  name: 'ServeDev',
  components: {
    FastCommentsVueNext
  }
});
</script>

<template>
  <div id="app">
    <fast-comments-vue-next v-bind:config="{tenantId: 'demo'}" />
  </div>
</template>

Updating The Current Page (SPA Example)

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.

<fast-comments-vue-next v-bind:config="{tenantId: 'demo', urlId: 'some-page-id'}" />

Contributing

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

License

MIT © winrid

GitHub

https://github.com/fastcomments/fastcomments-vue-next