Nuxt 3用のDisqus

Nuxt 3と完璧に連携するように設計されたこのパッケージを使用して、投稿やページにDisqusコメントを瞬時に追加します。

Nuxt Disqusは、Nuxt 3で使用するために、vue3-disqus用のラッパーを提供します

機能

🔆簡単に統合できます
⚡️すぐに使用できるコンポーネント DisqusComments および DisqusCount

クイックセットアップ

プロジェクトに nuxt-disqus 依存を追加します
```
npx nuxi@latest module add disqus
```

modules セクションの nuxt.config.ts に nuxt-disqus を追加します

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

DisqusComments をアプリの任意の場所に配置して、特定の identifier に対するDisqusのコメントスレッドをレンダリングします
```
<DisqusComments identifier="/blog/1" />
```
DisqusCount をアプリの任意の場所に配置して、特定の identifier に対するDisqusのコメントカウントをレンダリングします
```
<DisqusCount identifier="/blog/1" />
```
DisqusCount の出力例を次に示します。
```
99 Comments
```

以上です！これでNuxtアプリでDisqusを使用できるようになりました ✨

開発

# 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