https://github.com/modbender/nuxt-disqus
Disqus Comments plugin for Nuxt 3
https://github.com/modbender/nuxt-disqus
Last synced: about 1 year ago
JSON representation
Disqus Comments plugin for Nuxt 3
- Host: GitHub
- URL: https://github.com/modbender/nuxt-disqus
- Owner: modbender
- License: mit
- Created: 2023-07-10T14:33:59.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-09-28T18:34:18.000Z (over 1 year ago)
- Last Synced: 2025-02-27T05:02:47.237Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://nuxt.com/modules/disqus
- Size: 257 KB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Disqus for Nuxt 3
[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]
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](https://github.com/modbender/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
```bash
npx nuxi@latest module add disqus
```
2. Add `nuxt-disqus` to the `modules` section of `nuxt.config.ts`
```js
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`
```jsx
```
4. Place `DisqusCount` anywhere in your app to render Disqus Comment Count for particular `identifier`
```jsx
```
Example Output for `DisqusCount` will be:
```xml
99 Comments
```
That's it! You can now use Disqus in your Nuxt app ✨
## Development
```bash
# 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
```
[npm-version-src]: https://img.shields.io/npm/v/nuxt-disqus/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/nuxt-disqus
[npm-downloads-src]: https://img.shields.io/npm/dm/nuxt-disqus.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/nuxt-disqus
[license-src]: https://img.shields.io/npm/l/nuxt-disqus.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/nuxt-disqus
[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com