🗓️ Nuxt Calendly

Calendly を Nuxt 3 に統合します。

機能

💪 プロジェクトへの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