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 and DisqusCount

Quick Setup

1. 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

2. Add nuxt-disqus to the modules section of nuxt.config.ts

   export default defineNuxtConfig({  modules: ["nuxt-disqus"],  disqus: {    shortname: "your-disqus-shortname",  },});

3. Place DisqusComments anywhere in your app to render Disqus Comment thread for particular identifier

   <DisqusComments identifier="/blog/1" />

4. Place DisqusCount anywhere in your app to render Disqus Comment Count for particular identifier

   <DisqusCount identifier="/blog/1" />

   
   Example Output for DisqusCount 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