vue.js - 如何让 Commento 在 Gridsome Vue 项目中工作？

Question

我有一个基于 Gridsome 的博客，现在我正在尝试添加评论。我想避免使用 Disqus，所以我尝试使用 Commento。不幸的是，我似乎无法让它工作。我已将 ID 为 commento 的 div 添加到我的博客页面模板中：

<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 评论的东西永远不会呈现。还有什么我需要做的吗？

Answer 1

这个对我有用：

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