Vue frameworks
✓ 2 minutes setup
Easy

FeedbackJar + Vue.js

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.

Get your Widget ID free → 7-day free trial · No credit card required

How to install FeedbackJar in Vue.js

1

Get your Widget ID

bash
# Sign up at app.feedbackjar.com
# Create a widget → copy your Widget ID
2

Option A — Script tag in index.html

html
<!-- 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.

3

Option B — Vue plugin (main.ts)

ts
// 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);
};
4

Identify users with Composition API (optional)

vue
<!-- 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>

What you get

  • Script tag or main.ts plugin
  • Vue 3 Composition API support
  • Nuxt 3 compatible
  • User identification via watch
  • Custom trigger with v-on:click
  • TypeScript support

Add feedback to your Vue.js app today

Sign up free, grab your Widget ID, and have the feedback widget running in your Vue.js app in 2 minutes.

Start Free Trial 7-day free trial · No credit card required

Frequently Asked Questions

Looking for the full technical reference? Read the Vue.js docs →