Add Comments to Your Vue 3 App
這是 FastComments 的官方 Vue 3 函式庫。
在你的 Vue 應用程式中嵌入即時評論、聊天與審閱元件。
儲存庫
即時示範 
線上展示
要在本機檢視針對公開 demo 租戶執行的所有 widget 和 flow，請複製該倉庫並執行：
npm install
npm run dev展示的進入點位於 src/App.vue 和 index.html — 每個 widget/flow 都在同一個應用中呈現，你可以將該應用複製到你自己的 Vue 3 專案中。
安裝
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-next使用方式
評論小工具
FastCommentsVueNext 元件包含即時的 FastComments 評論小工具。
將下方的 "demo" 替換為您的 "tenantId" - 可在 FastComments 管理介面的 這裡 取得。
此小工具支援許多選項 - 請參閱 FastCommentsConfig 這裡。
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>更新當前頁面（SPA 範例）
在 FastComments 中，我們稱文章 id 或評論所綁定的頁面為 URL ID，因為它可以是 url 或一個 ID。 請以以下方式定義 URL ID。元件會監聽 config 物件的變更並重新載入，因此你可以更新 URL ID。
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />帳戶地區（注意：歐盟客戶）
如果你的帳戶位於歐盟，請在小工具配置中設定 region = 'eu'，例如：
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />否則，你不必定義 region。
在生產環境中
你可能不想在內聯中定義 config，如果你要傳入回調等。相反地，你會想要定義
config 透過 computed()，否則每次你的回調被呼叫時，整個 widget 都會重新渲染。
所有元件與文件
在本地啟動文件說明：
npm run serve維護狀態
這些元件是我們核心 VanillaJS 元件的包裝層。我們可以自動更新這些元件（修正錯誤、加入功能）而不必發佈這個函式庫，所以即便它可能暫時不會發佈，也不代表 FastComments 沒有在積極開發中！歡迎查看 我們的部落格 以獲得最新資訊。任何破壞性 API 變更或功能，都不會在本函式庫進行版本提升之前發佈到底層核心函式庫。
FastComments
需要協助？
如果您在使用 Vue 3 函式庫時遇到任何問題或有任何疑問，請：
貢獻
歡迎提出貢獻！請造訪 GitHub 儲存庫 以取得貢獻指南。