🗓️ 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 pnpmpnpm add -D nuxt-calendly# Using yarnyarn add --dev nuxt-calendly# Using npmnpm 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 dependenciesnpm install# Generate type stubsnpm run dev:prepare# Develop with the playgroundnpm run dev# Build the playgroundnpm run dev:build# Run ESLintnpm run lint# Run Vitestnpm run testnpm run test:watch# Release new versionnpm run release