適用於 Nuxt 3 的 Disqus

使用此套件，立即將 Disqus 評論新增至您的文章或頁面，此套件專為完美搭配 Nuxt 3 而設計。

Nuxt Disqus 為 vue3-disqus 提供了一個包裝器，以便與 Nuxt 3 一起使用

功能特色

🔆易於整合
⚡️可立即使用的元件 DisqusComments 和 DisqusCount

快速設定

將 nuxt-disqus 依賴項新增至您的專案
```
npx nuxi@latest module add disqus
```

將 nuxt-disqus 新增至 nuxt.config.ts 的 modules 區段

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