@costeffective-feedback-hub/vue

Vue 3 / Nuxt components for Feedback Hub: an in-app bug reporter (element picker + screenshot → ClickUp task) and an embedded, read-only BRD viewer.

Install

pnpm add @costeffective-feedback-hub/vue @costeffective-feedback-hub/server

Usage

<!-- app/app.vue -->
<script setup lang="ts">
import { FeedbackRoot } from "@costeffective-feedback-hub/vue";
</script>

<template>
  <div>
    <NuxtPage />
    <ClientOnly>
      <FeedbackRoot
        :can-report="true"
        :can-view-brd="true"
        :meta="{ appVersion: '0.1.0', reporterName: 'Your Tester' }"
      />
    </ClientOnly>
  </div>
</template>

You'll also need @costeffective-feedback-hub/server for the two API route handlers and the build-time BRD generator hook.

Full docs

See the monorepo's root README for the complete Nuxt wiring guide, server handlers, and BRD workflow.