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