Как заставить Комменто работать в проекте Gridsome Vue? - PullRequest
Новая
       16

Как заставить Комменто работать в проекте Gridsome Vue?

0 голосов
/ 14 октября 2019

У меня настроен блог на базе Gridsome, к которому я сейчас пытаюсь добавлять комментарии. Я хотел бы избежать Disqus, поэтому я пытаюсь использовать Commento. К сожалению, я не могу заставить его работать. Я добавил div с идентификатором commento в шаблон страницы моего блога: 

<template>
<Layout :title="$page.blog.title">
    <Header :post="$page.blog" />
    <div class="g8-blog">
        <div class="g8-blog-content" v-html="$page.blog.content" />
        <div id="commento"></div>
    </div>
</Layout>
</template>

и добавил ссылку в мое метаинфо. 

metaInfo() {
    let blog = this.$page.blog;
    return {
        title: blog.title,
        link: [
            { src: 'https://cdn.commento.io/js/commento.js', defer: true }
        ]
    } 
}

Когда я проверяю код страницы, этовыглядит хорошо, но комментарий Commento никогда не рендерится. Есть ли что-то еще, что мне нужно сделать?

1 Ответ

1 голос
/ 14 октября 2019

Этот работал для меня: 

<script>
  export default  {
    metaInfo() {
      return {
        title: this.$page.post.title,
        script: [
          { src: 'https://cdn.commento.io/js/commento.js', defer: true }
        ]
      };
    }
  };
</script>
...