FeedbackJar integrates with Vue.js via a plugin or a script tag. Works with Vue 3, Nuxt 3, and the Options API or Composition API.
# Sign up at app.feedbackjar.com
# Create a widget → copy your Widget ID <!-- index.html — before </body> -->
<script src="https://cdn.feedbackjar.com/sdk.js"></script>
<script>
window.fj.init('YOUR_WIDGET_ID');
</script> → Works for any Vite + Vue setup.
// main.ts
import { createApp } from 'vue';
import App from './App.vue';
const app = createApp(App);
app.mount('#app');
// Load FeedbackJar after mount
const script = document.createElement('script');
script.src = 'https://cdn.feedbackjar.com/sdk.js';
script.async = true;
document.body.appendChild(script);
script.onload = () => {
window.fj.init(import.meta.env.VITE_FEEDBACKJAR_ID);
}; <!-- components/FeedbackJarIdentify.vue -->
<script setup lang="ts">
import { watch } from 'vue';
import { useAuth } from '@/composables/useAuth';
const { user } = useAuth();
watch(user, (u) => {
if (u && window.fj) {
window.fj.identify({ id: u.id, email: u.email });
}
}, { immediate: true });
</script>
<template><span /></template> Sign up free, grab your Widget ID, and have the feedback widget running in your Vue.js app in 2 minutes.