🗓️ Nuxt Calendly
Features
💪 Type safe integration of Calendly into your project🧱 Auto-loaded components for Inline Widget, Popup Widget, and Popup Button🕹️ AuseCalendly()
composable to access all of calendly's widget.js methods.🔥 AuseCalendlyEventListener()
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 themodules
section ofnuxt.config.ts
export default defineNuxtConfig({
modules: ["nuxt-calendly"],
// entirely optional
calendly: {},
})
That's it! You can now use
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