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.Instale o pacote
Funciona com npm, pnpm, yarn ou bun. O pacote já traz os estilos: não precisa importar CSS.
terminalnpm install @feedget/widget2.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.Usando Nuxt?
Crie um plugin que roda só no navegador.
plugins/feedget.client.tsimport { 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.