@goya24/nuxt

@goya24/nuxt

Nuxt 3 module for the goya24 support messenger.

npm i @goya24/nuxt

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ["@goya24/nuxt"],
  goya24: { locale: "fa" },
});

Drew your own support button? goya24: { launcher: false } leaves ours out — nothing in the corner and nothing under the open panel — and const { open } = useGoya24() opens it. Only on some pages? useGoya24().update({ launcher: false }) in that page's setup(), and { launcher: true } where it should come back: the messenger is not reloaded.

Put the key in the environment:

NUXT_PUBLIC_GOYA24_KEY=d24_pk_…

key, origin, locale, theme, alignment and launcher can each come from the environment as NUXT_PUBLIC_GOYA24_<FIELD>, and a variable wins over nuxt.config. They are read when the server starts. A site generated to static files with nuxt generate has no server, so there they must be set when it is built.

In components:

<script setup lang="ts">
import { useGoya24 } from "@goya24/vue";
const { open, state } = useGoya24();
</script>

useGoya24() works in any component, including while the page is rendered on the server. The messenger itself only ever loads in the browser; on the server the handle does nothing and state says not ready yet. Without a key the messenger never loads, the browser console says so once, and the page still renders.

Full documentation in the repository README.

MIT © Goya24