<commit_before><template>
  <div>
    <div class="ui segments">
      <h5 class="ui segment"><i class="blue trophy icon"></i> {{$t('popular.search.words')}}</h5>
      <div class="ui segment">
        <router-link v-for="(word, index) in popularSearchWords" :key="word.key" :class="indexedColor(index, false)" :to="{name: 'search', query: {q: word.key, w: 'PO;CO;GA', from: 0, size: 3}}" class="ui label search-keyword">{{word.key}}</router-link>
      </div>
    </div>

    <div v-if="searchResult.postResult" class="ui segments">
      <h5 class="ui segment">
        <i class="blue search icon"></i>
        {{$t('search.post.results', {n: searchResult.postResult.totalCount})}}
        <router-link v-if="searchResult.postResult.totalCount" :to="{name: 'search', query: {q: $route.query.q, w: 'PO'}}" class="pull-right">
          {{$t('common.button.more')}} <i class="chevron right icon"></i>
        </router-link>
      </h5>
      <div class="ui segment">
        <div v-if="!searchResult.postResult.posts.length">
          <i class="icon idea"></i> {{$t('search.no.result')}}
        </div>
        <div v-else class="ui divided link items">
          <router-link :to="{name: 'board.view', params: {name:'free', seq: result.seq}}" v-for="result in searchResult.postResult.posts" :key="result.id" class="item">
            <div class="content">
              <div v-if="result.highlight.subject" v-html="result.highlight.subject[0]" class="header"></div>
              <div v-if="result.highlight.content" v-html="result.highlight.content[0]" class="description"></div>
              <div class="extra">
                <div :class="categoryColor(result.category)" class="ui label">
                  {{$t(categoryLabel(result.category))}}
                  <div class="detail">{{result.seq}}</div>
                </div>
                <div :class="{image: result.writer.picture}" class="ui basic label">
                  <img v-if="result.writer.picture" :src="result.writer.picture">
                  <i v-else class="icon spy"></i>
                  {{result.writer.username}}
                  <div class="detail">{{result.id | IdToRegDate('LL')}}</div>
                </div>
              </div>
            </div>
          </router-link>
        </div>
      </div>
    </div>

    <div v-if="searchResult.commentResult" class="ui segments">
      <h5 class="ui segment">
        <i class="blue search icon"></i>
        {{$t('search.comment.results', {n: searchResult.commentResult.totalCount})}}
        <router-link v-if="searchResult.commentResult.totalCount" :to="{name: 'search', query: {q: $route.query.q, w: 'CO'}}" class="pull-right">
          {{$t('common.button.more')}} <i class="chevron right icon"></i>
        </router-link>
      </h5>
      <div class="ui segment">
        <div v-if="!searchResult.commentResult.comments.length">
          <i class="icon idea"></i> {{$t('search.no.result')}}
        </div>
        <div v-else class="ui divided link items">
          <router-link :to="{name: 'board.view', params: {name:'free', seq: result.parentBoard.seq}}" v-for="result in searchResult.commentResult.comments" :key="result.id" class="item">
            <div class="content">
              <div v-html="result.highlight.content[0]" class="ui header tiny"></div>
              <div v-html="result.parentBoard.subject" class="extra"></div>
              <div class="extra">
                <div :class="{image: result.writer.picture}" class="ui basic label">
                  <img v-if="result.writer.picture" :src="result.writer.picture">
                  <i v-else class="icon spy"></i>
                  {{result.writer.username}}
                  <div class="detail">{{result.id | IdToRegDate('LL')}}</div>
                </div>
              </div>
            </div>
          </router-link>
        </div>
      </div>
    </div>

    <div v-if="searchResult.galleryResult" class="ui segments">
      <h5 class="ui segment">
        <i class="blue search icon"></i>
        {{$t('search.gallery.results', {n: searchResult.galleryResult.totalCount})}}
        <router-link v-if="searchResult.galleryResult.totalCount" :to="{name: 'search', query: {q: $route.query.q, w: 'GA'}}" class="pull-right">
          {{$t('common.button.more')}} <i class="chevron right icon"></i>
        </router-link>
      </h5>
      <div class="ui segment">
        <div v-if="!searchResult.galleryResult.galleries.length">
          <i class="icon idea"></i> {{$t('search.no.result')}}
        </div>
        <div v-else class="ui link five doubling cards"><commit_msg>검색 페이지 각 검색항목 제목과 본문 사이에 구분선 추가<commit_after><template>
  <div>
    <div class="ui segments">
      <h5 class="ui segment"><i class="blue trophy icon"></i> {{$t('popular.search.words')}}</h5>
      <div class="ui blue segment">
        <router-link v-for="(word, index) in popularSearchWords" :key="word.key" :class="indexedColor(index, false)" :to="{name: 'search', query: {q: word.key, w: 'PO;CO;GA', from: 0, size: 3}}" class="ui label search-keyword">{{word.key}}</router-link>
      </div>
    </div>

    <div v-if="searchResult.postResult" class="ui segments">
      <h5 class="ui segment">
        <i class="blue search icon"></i>
        {{$t('search.post.results', {n: searchResult.postResult.totalCount})}}
        <router-link v-if="searchResult.postResult.totalCount" :to="{name: 'search', query: {q: $route.query.q, w: 'PO'}}" class="pull-right">
          {{$t('common.button.more')}} <i class="chevron right icon"></i>
        </router-link>
      </h5>
      <div class="ui blue segment">
        <div v-if="!searchResult.postResult.posts.length">
          <i class="icon idea"></i> {{$t('search.no.result')}}
        </div>
        <div v-else class="ui divided link items">
          <router-link :to="{name: 'board.view', params: {name:'free', seq: result.seq}}" v-for="result in searchResult.postResult.posts" :key="result.id" class="item">
            <div class="content">
              <div v-if="result.highlight.subject" v-html="result.highlight.subject[0]" class="header"></div>
              <div v-if="result.highlight.content" v-html="result.highlight.content[0]" class="description"></div>
              <div class="extra">
                <div :class="categoryColor(result.category)" class="ui label">
                  {{$t(categoryLabel(result.category))}}
                  <div class="detail">{{result.seq}}</div>
                </div>
                <div :class="{image: result.writer.picture}" class="ui basic label">
                  <img v-if="result.writer.picture" :src="result.writer.picture">
                  <i v-else class="icon spy"></i>
                  {{result.writer.username}}
                  <div class="detail">{{result.id | IdToRegDate('LL')}}</div>
                </div>
              </div>
            </div>
          </router-link>
        </div>
      </div>
    </div>

    <div v-if="searchResult.commentResult" class="ui segments">
      <h5 class="ui segment">
        <i class="blue search icon"></i>
        {{$t('search.comment.results', {n: searchResult.commentResult.totalCount})}}
        <router-link v-if="searchResult.commentResult.totalCount" :to="{name: 'search', query: {q: $route.query.q, w: 'CO'}}" class="pull-right">
          {{$t('common.button.more')}} <i class="chevron right icon"></i>
        </router-link>
      </h5>
      <div class="ui blue segment">
        <div v-if="!searchResult.commentResult.comments.length">
          <i class="icon idea"></i> {{$t('search.no.result')}}
        </div>
        <div v-else class="ui divided link items">
          <router-link :to="{name: 'board.view', params: {name:'free', seq: result.parentBoard.seq}}" v-for="result in searchResult.commentResult.comments" :key="result.id" class="item">
            <div class="content">
              <div v-html="result.highlight.content[0]" class="ui header tiny"></div>
              <div v-html="result.parentBoard.subject" class="extra"></div>
              <div class="extra">
                <div :class="{image: result.writer.picture}" class="ui basic label">
                  <img v-if="result.writer.picture" :src="result.writer.picture">
                  <i v-else class="icon spy"></i>
                  {{result.writer.username}}
                  <div class="detail">{{result.id | IdToRegDate('LL')}}</div>
                </div>
              </div>
            </div>
          </router-link>
        </div>
      </div>
    </div>

    <div v-if="searchResult.galleryResult" class="ui segments">
      <h5 class="ui segment">
        <i class="blue search icon"></i>
        {{$t('search.gallery.results', {n: searchResult.galleryResult.totalCount})}}
        <router-link v-if="searchResult.galleryResult.totalCount" :to="{name: 'search', query: {q: $route.query.q, w: 'GA'}}" class="pull-right">
          {{$t('common.button.more')}} <i class="chevron right icon"></i>
        </router-link>
      </h5>
      <div class="ui blue segment">
        <div v-if="!searchResult.galleryResult.galleries.length">
          <i class="icon idea"></i> {{$t('search.no.result')}}
        </div>
        <div v-else class="ui link five doubling cards">
{'fraction_non_alphanumeric': 0.1972318339100346, 'fraction_numerical': 0.0028114186851211074, 'mean_word_length': 2.496786389413989, 'pattern_counts': {'":': 0, '<': 205, '<?xml version=': 0, '>': 205, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2967408', 'n_tokens_mistral': 2946, 'n_tokens_neox': 2855, 'n_words': 581}