Why add feedback to Vue apps?
The launcher persists across Vue Router navigation automatically because it lives outside your Vue instance.
Step 1: Create a TellTide app and copy your App ID
Sign in to TellTide, open Apps, and create an app for your site. Set the App link to your public URL — in production, the widget only accepts submissions from pages on that hostname. Copy the App ID; every snippet below uses it.
Step 2: Add the script to index.html
In a Vite-based Vue project, add the tag at the end of the body:
<!-- index.html -->
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
<script
src="https://telltide.com/src/widgets/widget.js"
data-app-id="YOUR_APP_ID"
></script>
</body>Step 3: Verify the feedback loop end to end
Open your site, click the TellTide launcher (bottom corner by default), and submit a test bug report. It should appear in your TellTide inbox within seconds. From there you can reply-triage privately, and later publish your first feature request to the public roadmap.
Good to know
- To load conditionally, inject the script from onMounted in your root App.vue instead — mirror the React useEffect pattern.
- Set the App link to your deployed app URL; localhost works during vite dev without configuration.
- The widget does not register any global Vue properties or interfere with devtools.
Common questions
Do I need a Vue 2 vs Vue 3 specific setup?
No. The widget is framework-agnostic — it attaches to the DOM directly, so the same script tag works for Vue 2, Vue 3, and whatever comes next.
Will the widget slow down my Vue site?
No — the snippet loads a single small script at the end of the body, after your content renders. It does not block paint or affect your Core Web Vitals.
Is the feedback users send public?
No. Unlike board-first tools, everything arrives in a private inbox. Bug reports and reviews stay internal; you publish only chosen feature requests to a roadmap users can vote on.
How much does TellTide cost?
The free plan includes the widget, private inbox, API, and public roadmap for one app. Paid plans add unlimited apps and advanced features — pricing never scales with how many users you have.