🗓️ Nuxt Calendly

Calendly integration for Nuxt 3.

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

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

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