🗓️ 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