nuxt-calendly
nuxt-calendly
Calendly 是一個排程工具,讓您可以與您的客戶安排會議。此模組讓您可以輕鬆地將 Calendly 新增到您的 Nuxt 應用程式。
🗓️ Nuxt Calendly
功能特色
- 💪 將 Calendly type-safe 整合到您的專案中
- 🧱 自動載入的元件,適用於 Inline Widget、Popup Widget 和 Popup Button
- 🕹️ 一個
useCalendly()
composable,可存取 Calendly 的所有 widget.js 方法。 - 🔥 一個
useCalendlyEventListener()
composable,可監聽 Calendly 提供的特定事件。 - 🛝 造訪遊樂場,試用此模組的所有功能。
- ⚛️ 靈感來自 react-calendly
快速開始
- 將
nuxt-calendly
依賴項新增到您的專案
npx nuxi@latest module add calendly
- 將
nuxt-calendly
新增到nuxt.config.ts
的modules
區段
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