nuxt-disqus
nuxt-disqus
Disqus Comments Module for Nuxt - Instantly add a comment widget to your app
Disqus for Nuxt 3
Instantly add Disqus Comments to your posts or pages using this package designed to work perfectly with 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 projectnpx nuxi@latest module add 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 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