Quick Setup

Installation

Install nuxt-calendly by using the Nuxt CLI:

npx nuxi@latest module add calendly

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

Configuration

Make sure nuxt-calendly is added to the modules section of nuxt.config:
(happens automatically when installed with the nuxi module add... command)

export default defineNuxtConfig({  modules: ["nuxt-calendly"],  // optional config  calendly: {    /**     * Setting to `false` disables the module.     * @default true     * @description Use this setting to disable the module.     */    isEnabled: true,    /**     * Loads the required CSS for Calendly directly into your app. Saves a HTTP Request.     * @default true     * @description Disable if you already load https://assets.calendly.com/assets/external/widget.css by yourself, or you want to load a custom CSS.     */    loadWidgetCSS: true,    /**     * Loads a required SVG Asset for Calendly directly into your app. Saves a HTTP Request.     * @default true     * @description Disable if you already load https://assets.calendly.com/assets/external/close-icon.svg by yourself, or you want to load a custom SVG.     */    loadWidgetCloseIconSvg: true  },})
Table of Contents