공용 demo 테넌트에 대해 로컬에서 실행 중인 모든 위젯과 플로우를 보려면, 저장소를 클론하고 다음을 실행하세요:

npm install
npm run dev

쇼케이스 진입점은 src/App.vue와 index.html에 있으며 — 각 위젯/플로우는 같은 앱에서 렌더링되므로 이를 복사하여 자체 Vue 3 프로젝트에 붙여넣을 수 있습니다.

NPM

npm install --save fastcomments-vue-next

Yarn

yarn add fastcomments-vue-next

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'}" />

Account Region (ATTENTION: EU Customers)

계정이 EU에 있는 경우 위젯 구성에서 region = 'eu'로 설정하세요. 예:

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

그렇지 않으면 region을 정의할 필요가 없습니다.

콜백 등을 전달하는 경우 config를 인라인으로 정의하고 싶지 않을 것입니다. 대신,

config를 computed()를 통해 정의해야 합니다. 그렇지 않으면 콜백 등이 호출될 때마다 위젯 전체가 다시 렌더링됩니다.

로컬 문서 실행:

npm run serve

이 컴포넌트들은 저희 핵심 VanillaJS 컴포넌트들을 감싸는 래퍼입니다. 저희는 이 컴포넌트들을 이 라이브러리를 배포하지 않고도 자동으로 업데이트(버그 수정, 기능 추가)할 수 있으므로, 이 라이브러리가 당분간 배포되지 않을 수 있다고 해서 FastComments가 활발히 개발되고 있지 않다는 뜻은 아닙니다! 업데이트는 저희 블로그에서 확인하세요. 하위 호환성을 깨는 API 변경이나 기능은 이 라이브러리의 버전 증가 없이 기반 코어 라이브러리에 절대 반영되지 않습니다.

FastComments

이 문서에는 FastComments를 Vue3와 함께 사용하는 방법에 대한 몇 가지 예제가 포함되어 있습니다.

전체 구성 옵션 목록은 fastcomments-typescript 및 당사 문서를 참조하세요.