Widget de feedback para Vue

Vue 3 e Nuxt

O widget só precisa da sua chave de API. Gere uma em Chaves de API e troque fgk_sua_chave_aqui nos exemplos.

  1. 1.Instale o pacote

    Funciona com npm, pnpm, yarn ou bun. O pacote já traz os estilos: não precisa importar CSS.

    terminal
    npm install @feedget/widget
  2. 2.Inicie no App.vue

    Inicie quando o componente montar e remova ao desmontar.

    App.vue
    <script setup>
    import { onBeforeUnmount, onMounted } from "vue";
    import { Feedget } from "@feedget/widget/vanilla";
    
    onMounted(() => Feedget.init({ apiKey: import.meta.env.VITE_FEEDGET_API_KEY }));
    onBeforeUnmount(() => Feedget.destroy());
    </script>
    
    <template>
      <RouterView />
    </template>
  3. 3.Usando Nuxt?

    Crie um plugin que roda só no navegador.

    plugins/feedget.client.ts
    import { Feedget } from "@feedget/widget/vanilla";
    
    export default defineNuxtPlugin(() => {
      Feedget.init({ apiKey: useRuntimeConfig().public.feedgetApiKey });
    });

Aparência sem código

Logo, cor, tema claro ou escuro, lado da tela e texto do botão são definidos no painel, em Configurações → Aparência do widget. O widget busca o visual pela própria chave de API, então nada muda no seu código. Disponível nos planos Growth e Enterprise e durante o trial.