소셜 댓글 모듈

서브도메인 내 댓글창을 위한 컴포넌트

Installation

1. .npmrc 파일 생성

2. 생성한 .npmrc 파일 내에 registry=http://ci-portal.zuminternet.com/nexus/repository/zum-portal-npm/ 추가

3. yarn add zum-portal-comment

4. import {ZumCommentModule} from 'zum-portal-comment

Props

Prop Name:object = options

• 필수로 전달해줘야함

syscode:string = 서브도메인 시스템코드

• HUB : 'SYS001'
• NEWS : 'SYS002'
• TV : 'SYS003'
• AUTO: 'SYS004'
• FINANCE: 'SYS005'
• TEST: 'SYS999'

articleTitle:string = 사용자가 보고 있는 기사 제목

articleIdx:string = 사용자가 보고 있는 기사의 고유idx 값

• https://news.zum.com/articles/72669573
• 72669573 === articleIdx

isMobile:boolean = 데스크톱에서 사용되는지, 모바일에서 사용되는지 확인

isFilterOn:boolean = 필터 탭 활성화

• 생략가능
• default: true

isBlindOn:boolean = 블라인드 기능 활성화

• 생략가능
• default: true

isReplyOn:boolean = 답글 활성화

• 생략가능
• default: true

isIconsOn:boolean = 좋아요/싫어요 아이콘 활성화

• 생략가능
• default: true

targetUrl:string = 사용자가 보고 있는 기사 페이지 URL

리팩토링 이전 콜백함수 프로퍼티 값들 (혹시 몰라서 내비둠)

• ~~onCmntCountChange: ''~~,
• ~~onCmntAdd: '',~~
• ~~externalCounterId: null,~~
• ~~category: 'test',~~

Usage

<template>
    <zum-comment-module
      :options="{
        syscode: 'SYS999',
        articleIdx: '-3',
        device: null,
        targetUrl: 'https://local-cmnt.zum.com:1443',
        articleTitle: 'test',
        articleUrl: 'http://zum.com',
      }"
    />
</template>

<script>
import { ZumCommentModule } from 'zum-portal-comment';

export default {
  components: { ZumCommentModule },
};
</script>