nuxt-calendly
nuxt-calendly
Calendlyは、顧客との会議をスケジュールできるスケジューリングツールです。このモジュールを使用すると、CalendlyをNuxtアプリケーションに簡単に追加できます。
🗓️ Nuxt Calendly
機能
- 💪 プロジェクトへのCalendlyの型安全な統合
- 🧱 インラインウィジェット、ポップアップウィジェット、ポップアップボタン用の自動ロードコンポーネント
- 🕹️ Calendlyのすべてのwidget.jsメソッドにアクセスするための
useCalendly()コンポーザブル。 - 🔥 Calendlyが提供する特定のイベントをリッスンするための
useCalendlyEventListener()コンポーザブル。 - 🛝 モジュールのすべての機能を試すには、プレイグラウンドにアクセスしてください。
- ⚛️ react-calendlyにインスパイアされました
クイックセットアップ
- プロジェクトに
nuxt-calendly依存関係を追加します。
npx nuxi@latest module add calendly
nuxt.config.tsのmodulesセクションにnuxt-calendlyを追加します。
export default defineNuxtConfig({
modules: ["nuxt-calendly"],
// entirely optional
calendly: {},
})
以上です!これでNuxtアプリで🗓️ Nuxt Calendlyを使用できます ✨
ドキュメントをご確認ください。
開発
# Install dependencies
npm install
# Generate type stubs
npm run dev:prepare
# Develop with the playground
npm run dev
# Build the playground
npm run dev:build
# Run ESLint
npm run lint
# Run Vitest
npm run test
npm run test:watch
# Release new version
npm run release