disqus
Disqus Comments Module for Nuxt - Instantly add a comment widget to your app
Disqus for Nuxt 3
Nuxt Disqus provides a wrapper for vue3-disqus to be used with Nuxt 3
Features
- 🔆Easy to integrate
- ⚡️Instantly usable components
DisqusComments
andDisqusCount
Quick Setup
- Add
nuxt-disqus
dependency to your project# Using pnpmpnpm add -D nuxt-disqus# Using yarnyarn add --dev nuxt-disqus# Using npmnpm install --save-dev nuxt-disqus
- Add
nuxt-disqus
to themodules
section ofnuxt.config.ts
export default defineNuxtConfig({ modules: ["nuxt-disqus"], disqus: { shortname: "your-disqus-shortname", },});
- Place
DisqusComments
anywhere in your app to render Disqus Comment thread for particularidentifier
<DisqusComments identifier="/blog/1" />
- Place
DisqusCount
anywhere in your app to render Disqus Comment Count for particularidentifier
<DisqusCount identifier="/blog/1" />
Example Output forDisqusCount
will be:99 Comments
That's it! You can now use Disqus in your Nuxt app ✨
Development
# Install dependenciesyarn install# Generate type stubsyarn run dev:prepare# Develop with the playgroundyarn run dev# Build the playgroundyarn run dev:build# Run ESLintyarn run lint# Run Vitestyarn run testyarn run test:watch# Release new versionyarn run release