nuxt-disqus
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

Disqus for Nuxt 3

npm version npm downloads License Nuxt

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

Package Sidebar

Install

npm i nuxt-disqus

Weekly Downloads

77

Version

1.0.1

License

MIT

Unpacked Size

7.2 kB

Total Files

11

Last publish

Collaborators

  • modbender