Render function for VCalendar

import { setupCalendar, Calendar, DatePicker } from "v-calendar";
import { ClientOnly } from "#components";

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(setupCalendar, {});

  nuxtApp.vueApp.component("VCalendar", {
    setup(props, ctx) {
      const slots = ctx.slots.default ? ctx.slots.default() : ctx.slots;

      return () =>
        h(ClientOnly, () =>
          h(
            Calendar,
            {
              ...props,
              ...ctx.attrs,
              color: "gray",
              isDark: { selector: "html", darkClass: "dark" },
            }
            // slots area
          )
        );
    },
  });
});

import { setupCalendar, Calendar, DatePicker } from "v-calendar";
import { ClientOnly } from "#components";

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(setupCalendar, {});

  nuxtApp.vueApp.component("VCalendar", {
    setup(props, ctx) {
      const slots = ctx.slots.default ? ctx.slots.default() : ctx.slots;

      return () =>
        h(ClientOnly, () =>
          h(
            Calendar,
            {
              ...props,
              ...ctx.attrs,
              color: "gray",
              isDark: { selector: "html", darkClass: "dark" },
            }
            // slots area
          )
        );
    },
  });
});