🗓️ Nuxt Calendly

Calendly integration for Nuxt 3.

• ✨  Release Notes
• 📖  Documentation
• 🛝  Playground
• 📦  NPM

Features

• 💪  Type safe integration of Calendly into your project
• 🧱  Auto-loaded components for Inline Widget, Popup Widget, and Popup Button
• 🕹️  A useCalendly() composable to access all of calendly's widget.js methods.
• 🔥  A useCalendlyEventListener() composable to listen to certain events provided by calendly.
• 🛝  Visit the Playground to try out all the functionalities of the module.
• ⚛️  Inspired by react-calendly

Quick Setup

1. Add nuxt-calendly dependency to your project

# Using pnpm
pnpm add -D nuxt-calendly

# Using yarn
yarn add --dev nuxt-calendly

# Using npm
npm install --save-dev nuxt-calendly

2. Add nuxt-calendly to the modules section of nuxt.config.ts

export default defineNuxtConfig({
  modules: ["nuxt-calendly"],

  // entirely optional
  calendly: {},
})

That's it! You can now use 🗓️ Nuxt Calendly in your Nuxt app ✨

Check out the Documentation.

Development

# 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