nuxt-calendly

Calendly 是一款日程安排工具，可帮助您与客户安排会议。此模块可让您轻松将 Calendly 添加到您的 Nuxt 应用程序中。

4.6K 下载•38 星•v0.1.21

madebyfabian

🗓️ Nuxt Calendly

Calendly 与 Nuxt 3 的集成。

功能

💪 Calendly 在您的项目中的类型安全集成
🧱 内联组件 (Inline Widget)、弹窗组件 (Popup Widget) 和弹窗按钮 (Popup Button) 的自动加载组件
🕹️ 一个 useCalendly() 可组合函数，用于访问 Calendly 的所有 widget.js 方法。
🔥 一个 useCalendlyEventListener() 可组合函数，用于监听 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