Vue component

We have an npm package that exposes Feedback Fish as a Vue component. To use it, first install the package:

npm install @feedback-fish/vue

Then import the component in your Vue app and render it:

<template>
  <!-- Get your projectId from your dashboard at feedback.fish/app --> 
  <FeedbackFish projectId="..." />
</template>

<script>
import { FeedbackFish } from "@feedback-fish/vue";

export default {
  components: {
    FeedbackFish,
  },
};
</script>

Now you can specify the data-feedback-fish attribute on any button on this page to trigger the feedback widget:

<template>
  <FeedbackFish projectId="..." />
  <!-- Optional: associate feedback with the current user's email -->
  <button
    data-feedback-fish
    :data-feedback-fish-userid="currentUser.email"
  >
    Send feedback
  </button>
</template>