Menambahkan Komentar Disqus di NuxtJS

March 18, 2021 1 min read
Cara menginstal komentar Disqus di project NuxtJS dengan mudah.

Pada artikel kali ini kita akan belajar cara menginstal komentar Disqus di NuxtJS. Plugin yang kita gunakan adalah vue-disqus, plugin yang cukup mudah digunakan.

Install vue-disqus

Seperti biasa tambahkan dulu paket vue-disqus kedalam project kita.

$ npm install -s vue-disqus

# atau menggunakan Yarn

$ yarn add vue-disqus

Menambahkan Komentar Disqus ke Project

Pertama buatlah file dengan nama disqus.js di dalam folder plugins, dan isi dengan kode berikut.

import Vue from 'vue'
import VueDisqus from 'vue-disqus'

Vue.use(VueDisqus, {
  shortname: 'disqus-shortname-mu'
})

Ubah disqus-shortname-mu dengan shortname disqusmu. Lalu tambahkan plugin yang sudah dibuat ke dalam nuxt.config.js.

// ...
plugins: [
  '~/plugins/disqus'
]
 

Terakhir, gunakan di dalam komponen

<template>
  <div class='comments'>
    <Disqus />
  </div>
</template>

Terakhir, jalankan yarn dev atau npm run dev dan lihat hasilnya.


Terima kasih sudah membaca artikel "Menambahkan Komentar Disqus di NuxtJS"
Bagikan
Silahkan Login untuk berkomentar.