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 pnpm
   pnpm add -D nuxt-disqus
   
   # Using yarn
   yarn add --dev nuxt-disqus
   
   # Using npm
   npm 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 dependencies
yarn install

# Generate type stubs
yarn run dev:prepare

# Develop with the playground
yarn run dev

# Build the playground
yarn run dev:build

# Run ESLint
yarn run lint

# Run Vitest
yarn run test
yarn run test:watch

# Release new version
yarn run release